javascript - jquery选择菜单未初始化

Question

我正在使用filamentgroup jquery selectmenu()，我在动态构建selectlist的和selectlist已经构建的上调用它，但选项正在动态添加，例如：

第一个案例

        $("presentselectlist").selectmenu();      //present selectlist initialized

        $("presentselectlist").html("<option></option>.."); // addding options dynamically 

        $("presentselectlist").selectmenu();  // then reinitilaized, but not working this line

第二种情况

        var newselectlist = $("<select ..."); // creating new selectlist dynamicallly

        $(newselectlist).selectmenu();      // then initialized it by selectmenu but not working

Answer 1

为了更改 a 中的选项，selectmenu您需要禁用它，<select>根据自己的喜好更改，销毁它，然后重新创建它。

$('select')
    .selectmenu()
    .selectmenu('disable')
    .append($('<option></option>').attr('value', 'Tiger').text('Tiger'))
    .selectmenu('destroy')
    .selectmenu();

现场示例- http://jsfiddle.net/kpMkw/1/

这并不理想，但它会起作用。