再次请教easyui combobox复制后 焦点错位

问题描述

再次请教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)中的参数也是不行的。

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

解决方案

不要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>

时间: 2016-07-22
Tags: easyui, combobox

再次请教easyui combobox复制后 焦点错位的相关文章

easyui combobox 焦点错位

问题描述 easyui combobox 焦点错位 表代码如下: <tbody> <tr id=""create""> .. <td><input type=""text"" id=""style"" name=""style"" class=""easyui-combobox"

Excel身份证号输入或复制后粘贴变科学计数法

  经常有同事向我请教有关如何在Excel中输入身份证号码并避免以科学计数法显示的问题,如输入4690071000102334结果变成4.69007E+15 . 总结一下解决该问题的方法如下: 一.如果是手工输入,有两种方法, 方法1:设置单元格格式为文本 第一步: 先设置身份证号列 为文本格式.具体操作:选中列,右键->"设置单元格格式"->"数字"->选择"文本" 第二步:手工输入身份证号即可. 方法2: 在输入身份证号之前

虚拟机克隆复制后ethX更改或消失的问题

网上有很多关于虚拟机克隆复制后eth0找不到或者eth0编程eth1等问题,也有很多的解决方法但是,都没有抓到实质: 其实很简单只需要执行如下命令重新define虚拟机即可 进入虚拟机: mv /etc/udev/rules.d/70-persistent-net.rules /etc/udev/rules.d/70-persistent-net.rules.bak 重新define虚拟机. 然后 ifconfig ethx ip up 下面是其他解决方法但不推荐使用. KVM虚拟机克隆Linu

c-C 复制数组的一点小问题 复制后输出结果和源数组不一样

问题描述 C 复制数组的一点小问题 复制后输出结果和源数组不一样 #include <stdio.h>int i=5;void input_array ( int array[] ){ int a; for ( a=0; a<i; a++ ){ scanf ( ""%i"" &array[a] ); }}void output_array ( int array[] ){ int a; for ( a=0; a<i; a++ ){ p

easyui combobox开启搜索自动完成功能的实例代码_javascript技巧

combo.json [{ "id":-1, "text":" ", "spell":"" },{ "id":1, "text":"类型1", "spell":"lx1" },{ "id":2, "text":"类型2", "spell&q

ie9 无响应-IE9 使用JS添加输入框,复制后停止响应

问题描述 IE9 使用JS添加输入框,复制后停止响应 使用IE9后,js添加一个输入框,然后输入内容,复制后如果直接打开其它东西就停止响应了,哪位大神帮忙解答下?别说插件问题哦,能卸载,禁用的都试过了

小菜鸟请教easyui中页面中取值

问题描述 小菜鸟请教easyui中页面中取值 就是想在url的action中可以取到值, 额 小问题 ,麻烦各位了,谢谢 解决方案 连接遍历字符串闭合错了,应该这样 url:"crmuserAction!findByPage.action?suoshubumen="+a,

显示-HTML 网页复制后出现按钮不能起作用了,其他的都正常,为什么?

问题描述 HTML 网页复制后出现按钮不能起作用了,其他的都正常,为什么? 我把网页上的代码复制到我的项目,然后将它上面的JS CSS下载到我的项目中,但是却丢了点东西 后面出现在<br> if (53 != 0)<br> {<br> $('#lowerdevice').html(53+" 台设备溶氧低于下限");<br><br> }<br> 他没显示,然后就是按钮全都按着不起作用了.怎么回事? 解决方案 用浏览器

复制静态网页广告代码-在wordpress中复制后的静态网页怎么能上传到web目录中

问题描述 在wordpress中复制后的静态网页怎么能上传到web目录中 在wordpress的网页制作中,发现别的一个网站的广告很适合自己的网站,怎样把别人的广告代码给复制过来?同时这个网站也是静态网页,跟自己的网页相似就把对方的网页代码复制过来,怎样把对方的网站广告代码给弄到自己的网站上?谢谢!

按钮-easyui获取列后,怎样多选列进行统一处理?

问题描述 easyui获取列后,怎样多选列进行统一处理? 我获取了一个列表的数据后,想要多选中列,将这些列的属性统一进行处理 例如下图: 黄色的是我选中的,其属性中 火热 为 否 如何我在点击火热标识后,被选中的列中火热属性变为是. 按钮触发方法hot():ishot==0 则为否 ishot==1则为是. 解决方案 根据datagrid的方法getSelections,获取一个数组,你遍历这个数组,获取每一个的id,根据id更改后台火热属性的值,最后再刷新datagrid列表.就可以了.