jquery - jqueryはhtml選択オプションを複製しますが、名前は異なります

Question

私は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>

Answer 1

$placeそれが新しいコンボボックスを追加したい場所であると仮定します。

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

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

デモ

参照：

• http://api.jquery.com/clone/

Answer 2

複製して名前を変更してみてください。

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

append/prependドキュメント内の任意の場所への $newSelect :)

また、Davidが提案したように、以下のアプローチを使用して名前を動的に生成できます。

var $newSelect = $('select[name=name1]')
                    .clone()
                    .attr('name', function(i,n) { 
                         var int = 
                                parseInt(n.match(/\d*/),10); 
                         return n.replace(/\d*/, int + 1); 
                     });

Answer 3

$('<jquery セレクター基準>').clone().attr("name", "new_name")