0

我有一个 html 下拉列表：

<select name="name1">
<option value="1">John</option>
<option value="2">Doe</option>
<option value="3">Foo</option>
<option value="4">Bar</option>
</select>

是否有一个 jQuery 函数可以生成相同的选项但不同的下拉名称，例如：

<select name="name2">
<option value="1">John</option>
<option value="2">Doe</option>
<option value="3">Foo</option>
<option value="4">Bar</option>
</select>
4

3 回答 3

3

假设这$place是您要附加新组合框的位置。

$select = $('select').clone();

$place.append($select.attr('name', 'name2'));

演示

参考：

于 2012-09-27T19:39:46.727 回答
2

尝试克隆并更改名称，

var $newSelect = $('select[name=name1]').clone().attr('name', 'name2');

append/prepend$newSelect 到您文档中的任何位置:)

同样正如大卫建议的那样，您可以使用以下方法动态生成名称，

var $newSelect = $('select[name=name1]')
                    .clone()
                    .attr('name', function(i,n) { 
                         var int = 
                                parseInt(n.match(/\d*/),10); 
                         return n.replace(/\d*/, int + 1); 
                     });
于 2012-09-27T19:38:14.047 回答
1 
$('<jquery 选择器条件>').clone().attr("name", "new_name")
于 2012-09-27T19:39:25.570 回答