如何使用jquery mobile更新2個具有相同選項的選擇框

Question

使用jquery/jqm我需要爲2個選擇框添加一個選項。我可以得到一個更新，但沒有更新。我如何獲得另一個更新。 注意名稱/編號爲 中的S無論.append列出的是哪個。第二個是已更新的。

HTML：

<input type="button" name="Goal_WeightVar" id="Goal_WeightVar" value="doit"> 
<br> 
<select name="grouplist" id="grouplist"> 
    <option value="choose">Choose a Group</option> 
    <option value="#groupid#">option1</option> 
</select> 
<select name="groupslist" id="groupslist"> 
    <option value="choose">Choose a Group</option> 
    <option value="#groupid#">option1</option> 
</select> 

腳本：

$('#Goal_WeightVar').live('click', function() { 
    var newgroupcode = $('<option value="11">11<option>'); 
    $('#groupslist').append(newgroupcode).trigger("create"); 
    $('#grouplist').append(newgroupcode).trigger("create"); 
    $('#groupslist').selectmenu(); 
    $('#groupslist').selectmenu('refresh'); 
    $('#grouplist').selectmenu(); 
    $('#grouplist').selectmenu('refresh'); 
}); 

的jsfiddle http://jsfiddle.net/ThMnq/1/

Answer 1

您需要使用clone()使你的對象的副本，並以不同的對象作爲一個對象添加能不存在於兩個地方。

Live Demo

$('#Goal_WeightVar').live('click', function() { 
    var newgroupcode = $('<option value="11">11<option>'); 
    $('#groupslist').append(newgroupcode).trigger("create"); 
    $('#grouplist').append(newgroupcode.clone()).trigger("create");  
});