javascript - 怎么实现点击表格中的某一行然后就在表单处出现表格中的对应的属性值啊

Question

如上图，，怎么实现点击表格中的某一行然后就在2处出现表格中的对应的属性值啊。。

表格哪一部分是这样生成的

Answer 1

委托

$("#list").click(function (e) {
    e = e || window.event;
    //拿到鼠标点击的节点对象
    var target = e.target || e.srcElement;
    //判断所属哪行tr
    var tr;
    $(this).find('tr').each(function () {
        if (this.contains(target)) {
            tr = this;
            return false;
        }
    });
    //拿到了tr
    if (tr) {
        //这里面就可以取行tr的值项，
        //建议在构html的时候："<tr data-C_name='你对应的值' data-four='' ... ><td>..</td>...</tr>"
        //取值：$(tr).attr('data-C_name'),$(tr).attr('data-four')
        $(tr)
    }
});

用委托可以不用考虑里面的对象是异步加载

Answer 2

表格的tr绑定点击事件，点击的时候获取表单所需要的值，依次填入就好了。

Answer 3

你可以在生成表格的时候把所有数据请求回来， 通过data-* 放在tr上面 ，再给tr绑定点击事件，点击的时候就把tr上面的数据填到相应的地方，这样可以减少请求次数（移动端做多了的后遗症哈哈

Answer 4

循环点击获取每一行的属性，然后把属性写到图2，input相对应的value中

Answer 5

雷雷