在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