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

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

我添加了

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

表格提交

New fiddle

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

1 个答案: