jQuery UIの選択メニューの値が動的に表示されている選択された値を変更しない

Question

jQuery UIの選択メニューを使用していて、レンダリングされた選択値を設定できません。基本的な選択で選択されたオプションが変更されたように見えますが、選択メニューには変更が表示されません。 .selectmenu（ 'refresh'、true）を呼び出していますが、何も起こりません。ここで

は一例です：http://jsfiddle.net/sociobit/wYBeL/

Answer 1

Hiyaは、だからではなく、リフレッシュのデモ（ソリューション）http://jsfiddle.net/wYBeL/43/.selectmenu("value", selectedValue); OR（ハック）http://jsfiddle.net/wYBeL/36/を試すには、（これまであなたに

に合っ何:)あなたのselectpopup設定を保持しますそこでfirebugを使ってDOMをチェックし、selectmenu（）スタイルのように見えます。ポップアップは余分なレイヤーを追加しますが、＃sel2の値は正しく設定されており、正しい値で正しい要素を設定するだけです。私はあなたがAJAXにドロップダウンを埋め込み、ページの一部をリフレッシュさせるとき、リフレッシュが動作すると思っています。

うん、APIの詳細を調べてみてください。選択メニューのポップアップが必要ない場合は、@jiimwのようにうまくいきます：http://jsfiddle.net/wYBeL/35/;私はこれが助けにならない場合は私はポストを削除します知っている。

余分なリンク：http://wiki.jqueryui.com/w/page/12138056/Selectmenu

は、両方がお役に立てば幸いです。ここ

jQueryのコード

$(function() { 

    $('select').selectmenu({ 
     style: 'popup' 
    }); 

    $('#chksame').click(function() { 
     if ($(this).is(':checked')) { 
      var selectedValue = $('#sel1').val(); 
      $('#sel2').val(selectedValue); 

      $('#sel2').selectmenu("value", selectedValue); 

     } 

    }); 
});​ 

** OR **

$(function() { 

     $('select').selectmenu({ 
      style: 'popup' 
     }); 

     $('#chksame').click(function() { 
      if ($(this).is(':checked')) { 
       var selectedValue = $('#sel1').val(); 
       $('#sel2').val(selectedValue); 

       // set the right element with the select value 
       $('#sel2-button span').text($("#sel2 option[value='" + selectedValue +"']").text()); 

       $('#sel2').selectmenu('refresh', true); 

      } 

     }); 
    });​ 

乾杯