0

このドロップダウンがあります。他のドロップダウンリストのクローンが必要です。

<select name="general">
<option value="0" style="font-size:11px">Nothing</option>
<option class="dropdown_root" value="1">Admin</option>
<option class="dropdown_root_first_lvl" value="2">General</option>
<option class="dropdown_root_next_lvl" value="3">Group</option>
<option class="dropdown_root_next_lvl" value="4">Sales</option>
</select>

<select name="group">
</select>

私の問題は、同じコンテンツのクローンを作成したいのですが、リスト「group」から選択した値を「Group」にしたいと思っています...その値は3です

私はこれを試しました：

var new_dd = $('select[name="general"] option').clone();
new_dd.val('3').attr('selected','selected').appendTo('select[name="group"]');

しかし、私はこれを見つけます：

<select name="group">
<option value="3" style="font-size:11px" selected="selected">Nothing</option>
<option class="dropdown_root" value="3" selected="selected">Admin</option>
<option class="dropdown_root_first_lvl" value="3" selected="selected">General</option>
<option class="dropdown_root_next_lvl" value="3" selected="selected">Group</option>
<option class="dropdown_root_next_lvl" value="3" selected="selected">Sales</option>
</select>

私が見たいのは：

<select name="group">
<option value="0" style="font-size:11px">Nothing</option>
<option class="dropdown_root" value="1">Admin</option>
<option class="dropdown_root_first_lvl" value="2">General</option>
<option class="dropdown_root_next_lvl" value="3" selected="selected">Group</option>
<option class="dropdown_root_next_lvl" value="4">Sales</option>
</select>

どうすればこれを入手できますか？

4

3 に答える 3

3 
var new_dd = $('select[name="general"] option').clone();
new_dd
    .filter(function() { 
        return this.value == 3;  // filter for option with value=3
    }) // in this point I have only option with value=3
    .attr('selected', 'selected') // give selected to that option
    .end() // capture all options again
    .appendTo('select[name="group"]'); // append to target

デモ

于 2012-06-14T17:42:50.760 に答える
2

これを試して：

$('select[name="general"] option').each(function(){
   $(this).clone().appendTo('select[name="general"]')
})

$('select[name="general"] option[value="3"]').prop("selected", true)
于 2012-06-14T17:46:56.197 に答える
0

ここにデモがあります。http://jsfiddle.net/Simplybj/Eyq5x/

var new_dd = $('select[name="general"] option').clone();
new_dd.appendTo('select[name="group"]');
$('select[name="group"]').val( $('select[name="general"] option').eq(2).val() ).attr('selected',true);
于 2012-06-14T18:10:52.820 に答える