在jQuery中如何將選項設置爲動態選擇

Question

看起來像我有一個奇怪的問題。我創建一個選擇菜單並將其分配給一些插件名爲select菜單

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

其分配給它之後。我無法掩飾它，或選擇設置的選項。我試過這個

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

它的工作，但它顯示了低於原來的一個dopdown的另一個實例。我嘗試刪除類屬性，但它沒有奏效。有沒有什麼辦法.. plz幫助

Answer 1

自定義選擇菜單通常創建<div>結構原<select>元素，允許自定義樣式。

這意味着自定義選擇菜單將不知道您對原始<select>所做的更改。

再次致電.selectmenu({style: 'dropdown'});之前致電.selectmenu('destroy')。

即

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

Here's an example.

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"); 

check this