jquery - MultiSelect Widget 不会使用此“打开”功能删除预先选择的选项

Question

当我添加此功能时，jQuery UI MultiSelect Widget在未选中时不再删除预选选项。如何在不失去取消选择选项的能力的情况下使此功能正常工作？

在这里可以找到演示问题的小提琴：http: //jsfiddle.net/chayacooper/Mp2bK/10/

JS

$(function () {   
    $(".example").multiselect({
        open: function (event, ui) {
            var option = $(this).find("option[value*=default]");
            option.attr('value', option.attr('value').replace(/_default/g, ''));
        }
    });
});

HTML

<select name="example" class="example" multiple="multiple">  
    <option value="0">$0</option>
    <option value="50_default" selected="selected">$50</option>
    <option value="100">$100</option>
</select>

我正在为 apx 预先选择最常用的选项。300 选择元素，并使用此功能来区分这些值何时仍处于初始预选/默认状态与用户通过单击表单元素主动选择该值（表明他们做了一个主动决定将其设置为该值）。

Answer 1

查看文档，您可以使用刷新方法来确保它是更新的。

我添加了

$(".example").multiselect("refesh")

到表单提交

新小提琴