MVC 将数据从表移动到输入

Question

我正在尝试将数据从表中的选定行移动到 MVC 中的表单。我正在使用 jquery click 事件从我的表中检索数据并将其移动到我的表单中。单击事件正在运行，但它将数据移动到错误的字段。点击功能如下：

$(document).ready(function () {
    $(".innerTbltr").click(function () {
        alert("Event handle.");
        //this.css("background-color", "#E8EEF4");
        $("#firstName").val(this.childNodes[0].innerHTML);
        $("#lastName").val(this.childNodes[1].innerHTML);
        $("#address1").val(this.childNodes[2].innerHTML);
        $("#address2").val(this.childNodes[3].innerHTML);
        $("#city").val(this.childNodes[4].innerHTML);
        $("#state").val(this.childNodes[5].innerHTML);
        $("#zip").val(this.childNodes[6].innerHTML);
        $("#birthDate").val(this.childNodes[7].innerHTML);
    });
});

表单设置如下：

<form>
  <input id="firstName" type="text"/>
  <input id="lastName" type="text"/>
  <input id="address1" type="text"/>
  <input id="address2" type="text"/>
  <input id="city" type="text"/>
  <input id="state" type="text"/>
  <input id="zip" type="text"/>
  <input id="birthDate" type="text"/>
</form>

当前，名字被放入姓氏字段中。姓氏被放入地址 1 字段中。地址1被放入状态字段，其余两个字段留空。包含数据的字段之间的字段也是空白的。

Answer 1

可能是没有加载所有 DOM 尝试将 click 事件放入 jQuery

 $(document).ready(function(){
//the click event here 
});