<scripttype="text/javascript">
functionaddRow(){
varidNum;
varlastRow;
lastRow=$('.conditionDivdiv:last');//获得最后一行--设置jquery对象(待克隆的div)
//如果row1为空
if(lastRow.length==0){
idNum=1;
lastRow=$("#warnConditions"+(idNum-1));
}
else{
idNum=Number(lastRow.attr('id').substring(lastRow.attr('id').length-1))+1;
}
varnewRow=lastRow.clone(true);//创建最后一行的一个副本
newRow.insertBefore(lastRow);//在最后一行前插入
newRow.insertAfter(lastRow);//在最后一行后插入
varrndID="warnConditions"+idNum;
newRow.attr("id",rndID);//设置行ID每次都不一样
//给各个select加上不同的id
newRow.find("a").attr("id",rndID);
newRow.find("select.relationsSelect").attr("id","relations"+idNum);
//给新增的每一行内的删除加上删除事件
newRow.find("a").click(function(){
delRow(this);
});
//新加行显示删除按键
newRow.find("a").html("<spanstyle='color:blue;'>删除</span>");
//显示克隆出的新行数据
newRow.show();
}
//动态删除行
functiondelRow(obj){
$("#"+obj.id).remove();
}
</script>
<divid="conditionDiv"class="conditionDiv">
<divid="warnConditions0"name="divName">
<selectid="relations0"name="relations[]"class="easyui-comboboxrelationsSelect"style="width:80px">
<optionvalue="Equal"selected="true">等于</option>
<optionvalue="GreaterOrEqual">大于等于</option>
<optionvalue="Greater">大于</option>
<optionvalue="LessOrEqual">小于等于</option>
<optionvalue="Less">小于</option>
</select>
<ahref="#"id="delA"onclick="returnfalse;"title="删除"class="delRow_Link"></a>
</div>
</div>
<div>
<inputtype="button"class="easyui-linkbutton"value="添加新行"onclick="addRow()"/></div>
点击【添加新行】按钮后生成的combobox渲染有问题,展开的始终是第一个。求大侠们指点!!!
------解决方案--------------------
<divid="conditionDiv"class="conditionDiv">
<div>
<selectname="relations[]"class="relationsSelect"style="width:80px">