xy_makq 2015-06-30 16:08 采纳率: 0%
浏览 2350
已采纳

再次请教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);

    问题截图：![图片说明](https://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 2015-06-30 17: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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？