Question

看起来我有一个奇怪的问题。我正在创建一个选择菜单并将其分配给一个名为select menu

的插件

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

将其分配给它后......我无法隐藏它，或将选项设置为选中状态。我试过这个

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

它正在工作，但它显示的是另一个低于原始的掺杂实例。我尝试删除类属性但它没有工作。有什么办法.. plz help

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'});

<强> 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

在jQuery中如何动态选择一个选项

3 个答案: