easyui中用克隆方式生成动态combobox，新增的combobox渲染有问题

Question

easyui渲染 combobox动态生成

Answer 1

    <div id="conditionDiv" class="conditionDiv">
        <div>
            <select name="relations[]" class="relationsSelect" style="width: 80px">
                <option value="Equal" selected="selected">等于</option>
                <option value="GreaterOrEqual">大于等于 </option>
                <option value="Greater">大于</option>
                <option value="LessOrEqual">小于等于 </option>
                <option value="Less">小于</option>
            </select>
            <a href="javascript:void(0)" class="delRow_Link">删除</a>
        </div>
    </div>
    <div><input type="button" class="easyui-linkbutton" value="添加新行" id="addRow" /></div><script type="text/javascript">
    //楼主很多错误的。你克隆元素同时也会克隆事件，所以只会选择第一个
    //渲染后的div复制是没有用的
    //方法：先定好一个模板，所有都从这个模板里复制，而且id号不能有减有加，必须一直累加（在此不需要用ID）
    $(function(){
        var temp = $("#conditionDiv").html();//保存渲染前的模板
        $("#conditionDiv select").combobox({panelHeight:"auto"});//渲染
        $("#conditionDiv a").remove();//删除第一个删除按钮
        $("#addRow").click(function(){
            $(temp).appendTo($("#conditionDiv")).find("a").click(function(){
                $(this).parent().remove();//删除整行
            }).parent().find("select").combobox({panelHeight:"auto"});//加载新行并渲染
        })
    })
</script>