2 xy makq xy_makq 于 2015.07.01 00:08 提问

再次请教easyui combobox复制后 焦点错位
动态添加一行表格,添加后发现新生成的combobox下拉菜单焦点始终在第一行上。
    简要页面代码如下:
    <tbody>
                        <tr id="create">
                            <td><input id="cc" name="dept"  style="width: 85px;"></td>
                        ...省略其他
                </tbody>

                            jq('#cc').combobox({
                        data:combobox,
                        valueField:'id',
                        textField:'text',
                        onSelect:function(){
                             ...省略
                                        });

                                 }
                            }     
                    });
    复制代码如下:
    var tempTr = jq("tbody tr:last").clone(true);
                jq("tbody tr:last").after(tempTr);
    问题截图:![图片说明](http://img.ask.csdn.net/upload/201506/30/1435679975_544549.png)
     问题分析: 问题应该JS生成combobox时,因为<input id="cc"     id引起的问题,每次上一行并生成新一行id都是 cc,所以焦点会始终指向第一行。但不指定id    

如何用JS生成combobox? (

 <select id="style" name="style">
                                    <option selected="selected" value="">   </option>
                                       <option value="国标">国标</option>
                                       <option value="非国标">非标</option>

                            </select> 

这种方法是可以的,但如何用JS生成?)

另外,通过修改 jq("tbody tr:last").clone(true)中的参数也是不行的。

    请问一下,怎样才能解决?多谢

1个回答

danielinbiti
danielinbiti   Ds   Rxr 2015.07.01 01:03
已采纳
不要id,下面是select方式的。easyui一样,都去掉id和name,通过标签或者class初始化组件。
 <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
});
function selectchange(t){
  alert($(t).parents('tr')[0].rowIndex);//获取select所在tr
}
function cloneTR(){   
   var tempTr = $("tbody tr:last").clone(true);
   $("tbody tr:last").after(tempTr);
}
</script>
</head>
<body>
<input type='button' value='增加一行' onclick='cloneTR()'/>
<table>
  <tbody>
  <tr>
     <td>1</td>
     <td>
         <select onchange='selectchange(this)'>
            <option value='1'>国标</option>
            <option value='2'>非国标</option>
         </select>
     </td>
  </tr>
  </tbody>
</table>
</body>
</html>

xy_makq
xy_makq 十分感激!
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片