动态加载Table列表并获取当前行的数据

<div class="referSearch">
  <table class="table table-striped table-hover no-head-border" id="referencesTable">
     <thead class="vd_bg-green vd_white">
        <tr>
           <th>经销商编号</th>
           <th>经销商姓名</th>
          <th>操作</th>
        </tr>
     </thead>
     <tbody id="loadCanTable"></tbody>
 </table>
</div>

 <input id="txtUserID" name="txtUserID" type="text" placeholder="客户编码不能为空"  />

 <input id="txtUserName" name="txtUserName" type="text" placeholder="客户编码不能为空" />

<script type="text/javascript">

  $(function(){

        InitTable(1)

   })

  function getvaule( userId, RealName) {
            $("#txtUserID").val(userId)
            $("#txtUserName").val(RealName)
        }

    function InitTable(inputValue)

    {
            $.ajax({
                url: "../RbateNormHander.ashx?op=loadreferencestable",
                type: "post",
                dataType: "json",
                data: {
                    values: inputValue
                },
                async: false,
                success: function (result) {
                    $("#referencesTable tbody").html("");
                    var p = eval(result);
                    $(p).each(function (index, item) {
                        var td = "<td>" + item.UserId + "</td>";
                        td += "<td>" + item.RealName + "</td>";
                        td += " <td class=\"menu-action rounded-btn \"><span  class=\"btnok\" onclick='btnokclick()'><i class=\"append-icon fa fa-fw fa-check\"></i></span></td>";
                        var tr = "<tr onclick=\"getvaule('" + item.UserId + "','" + item.RealName + "')\">" + td + "</tr>";
                        $("#referencesTable").append(tr);
                    });
                }
            });

   }

<script/>