1

jquery / jqmを使用して、2つの選択ボックスにオプションを追加する必要があります。一方を更新することはできますが、もう一方を更新することはできません。もう一方を更新するにはどうすればよいですか。名前/IDのSがリストされていることに注意してください。2番目が更新されます。

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/

4

1 に答える 1

1

1つのオブジェクトが2つの場所に存在できなかったため、 clone（）を使用してオブジェクトのコピーを作成し、別のオブジェクトを追加する必要があります。

ライブデモ

$('#Goal_WeightVar').live('click', function() {
  var newgroupcode = $('<option value="11">11<option>');
  $('#groupslist').append(newgroupcode).trigger("create");
  $('#grouplist').append(newgroupcode.clone()).trigger("create");    
});
于 2013-01-11T04:44:03.643 に答える