jquery - jQueryで動的に選択されたオプションを設定する方法

Question

私は奇妙な問題を抱えているようです。選択メニューを作成し、選択メニューという名前のプラグインに割り当てています

$('#selectCombo').selectmenu({style:'dropdown'});

それに割り当てた後..非表示にしたり、オプションを選択済みに設定したりできませんでした。私はこれを試しました

$('<option value='+ret.cId+' selected=true>'+ret.cName+'</option>').appendTo('#selectCombo');   
    $('#selectCombo').selectmenu({style:'dropdown'});   

機能していますが、元のドロップダウンの下に別のインスタンスが表示されています。クラス属性を削除しようとしましたが、うまくいきませんでした。何か方法はありますか..助けてください

Answer 1

カスタム選択メニューは、通常<div>、元の要素の構造を作成し<select>て、カスタム スタイルを許可します。

つまり、カスタム選択メニューは、オリジナルに加えた変更を認識しません<select>。

もう一度電話.selectmenu('destroy')する前に電話.selectmenu({style: 'dropdown'});してください。

すなわち

var newOption = $('<option value='+ret.cId+' selected=true>'+ret.cName+'</option>');
$('#selectCombo').append(newOption).selectmenu('destroy').selectmenu({style:'dropdown'});

これが例です。

Answer 2

フォローすることで非表示にできます

$('#selectCombo').next('.ui-selectmenu .ui-selectmenu-button').hide();

選択したオプションを設定するには、これを使用します。

var value = <your value to select>;
$('#selectCombo').selectmenu("value", value);

Answer 3

var value = "anyvalue";
$("#selectboxid").val("value");

これをチェックして