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的新手，所以请建议如何做到这一点。想在点击时克隆缺点。

感谢。

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 for cons

克隆动态创建的选择列表

1 个答案: