如何重置Jquery sumoselect Multi select插件中的选择框值

use*_*086 1 jquery jquery-ui jquery-plugins sumoselect.js

我使用Jquery sumoselect插件进行多选选项.我想点击某个按钮重置值.

这是我的代码:

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.sumoselect.min.js"></script>
<link href="css/sumoselect.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        window.asd = $('.SlectBox').SumoSelect({  okCancelInMulti: true });

    });
Run Code Online (Sandbox Code Playgroud)

这是重置多选内容的功能

function clearContents()
    {
         $('select.SlectBox')[0].sumo.unload();
    }

<select name="is_dist_handled"  multiple="multiple" placeholder="Select"  class="SlectBox">
    <option value="Y">Yes</option>
    <option value="N">No</option>
</select>
Run Code Online (Sandbox Code Playgroud)

anp*_*smn 6

你可以使用sumo.unSelectItem();.来源于此

$(document).ready(function () {
   $('.SlectBox').SumoSelect({  okCancelInMulti: true });

   $('button').on('click', function(){
     var num = $('option').length;
     for(var i=0; i<num; i++){
       $('.SlectBox')[0].sumo.unSelectItem(i);
     }
   });

});
Run Code Online (Sandbox Code Playgroud)

小提琴

更新

仅删除所选选项

$('button').on('click', function () {
    var obj = [];
    $('option:selected').each(function () {
        obj.push($(this).index());
    });

    for (var i = 0; i < obj.length; i++) {
        $('.SlectBox')[0].sumo.unSelectItem(obj[i]);
    }
});
Run Code Online (Sandbox Code Playgroud)

小提琴