Как обновить меню выбора в JQUERY MOBILE (halp!)

Я создаю веб-форму с помощью JQuery.

Я хочу скопировать предыдущие поля выбора в другое поле выбора, используя ссылку. я меняю DOM, меняет значение select1.selectedIndex. однако он все еще визуально отображает старое значение. видимо, вам нужно обновить его, чтобы он визуально обновлялся. Я не понимаю синтаксис метода обновления, который я продолжаю читать. Вот как я пытался это сделать, и он не работает.

это html для ссылки

<select name="entry.14.single" id="entry_14"> 
  
 <option value="2">2</option> 
 <option value="3">3</option> 
 <option value="4">4</option> 
 <option value="5">5</option></select> 
 <select name="entry.16.single" id="entry_16"> 
  
 <option value="2">2</option> 
 <option value="3">3</option> 
 <option value="4">4</option> 
 <option value="5">5</option></select> 
 <a href="#" onclick="setSelect('entry_16', 'entry_14');return false;">Same as above</a>

вот мой javascript:

function setSelect(id1, id2){
 var select1 = document.getElementById(id1); 
 var select2 = document.getElementById(id2); 
 select1.selectedIndex = select2.selectedIndex;
 $('#select1').selectmenu('refresh');
 }

может кто-нибудь рассказать мне, почему мой оператор обновления не работает?

p.s. Я знаю, что есть другие темы по той же проблеме, я также прочитал "документацию". пожалуйста, не связывайте меня где-то еще. Я читал другие источники и не получал нигде. Пожалуйста, просто покажите мне, что нужно изменить, чтобы нормально обновить обновление.

EDIT: heres jsfiddle, на котором вы можете http://jsfiddle.net/AFzqt/7/

1 ответ

Использовать обработчики событий jQuery!

Функция, которую вы ищете, это:

selectmenu("refresh")

В вашем примере это выглядит примерно так:

$(function() {
 $("#changeButton").on("click", function(e) {
 $("#entry_16").val($("#entry_14").val());
 $("#entry_16").selectmenu("refresh");
 e.preventDefault();
 });
});

http://jsfiddle.net/AFzqt/8/

licensed under cc by-sa 3.0 with attribution.