JQuery在克隆下拉菜单后更改选定的值

我有这个下拉菜单。我需要克隆了我的其他下拉列表：JQuery在克隆下拉菜单后更改选定的值

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

我的问题是我想克隆相同的内容，但我想从列表中选择“组”中选择的值是“集团” ......它的值是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>

怎么能得到这个？

来源

2012-06-14 csotelo

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

DEMO

来源

2012-06-14 17:42:50 thecodeparadox

感谢，但我只是个克隆的期权价值3 ...我需要其他选项 – csotelo

@csotelo检查更新演示 – thecodeparadox

是的，我需要。 end（）非常感谢你 – csotelo

试试这个：

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

$('select[name="general"] option[value="3"]').prop("selected", true)

来源

2012-06-14 17:46:56 undefined

我觉得这不是OP想要的代码 –

@TheSystemRestart他想要什么？ – undefined

+1我认为它的正确性。 –

这里是一个DEMO。 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-14 18:10:52 mesimplybj

JQuery在克隆下拉菜单后更改选定的值

回答

相关问题