克隆一个动态创建的选择列表

Question

我的要求是克隆选择框（其中选项是动态填充的）。 我正在尝试在 - jquery remove/add select options after cloning select list

我的视图代码是-

<tr> <td>Reference Table:</td>
<td><g:select name="tableCombo"
            noSelection="${['':message(code:'Select Table')]}"
            from="${result}" value="${tableName }" onchange="${remoteFunction(action:'getColumns', update:'columns', params:'\'tableCombo=\' + this.value')}"/> </td></tr>
<tr id ="cons"><td nowrap>Constraint On:</td>
        <td nowrap><g:select name="columns" from="[]" /></td>
        <td nowrap>Constraint Value:</td>
        <td nowrap><g:textField name="columnValue" value="${enterVal }" />                  
<a id="clone" >Clone</a>  ///how to call clone 

我是 jquery 的新手，所以请建议如何去做。 想要在点击时克隆 cons。

谢谢。

Answer 1

这个：？

$('#clone').click(function() {
   var consClone = $('#cons').clone();

   // now depends where you would like to put the copy 
   // of consClone to, for example, to the same table as the original #cons was:
   $('#cons').parent().append(consClone);   
});

请注意，最好在整个文档中使用一个 id，一种快速的方法是使用 class 而不是 id 来表示缺点