javascript - jquery selectmenu 没有初始化

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

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

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

实例 - http://jsfiddle.net/kpMkw/1/

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