如何在Jquery sumoselect Multi select插件中重置選擇框值

Question

我正在使用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 });

    });

這是重置多選內容的功能

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>

Answer 1

您可以使用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);
     }
   });

});

小提琴

更新資料

僅刪除所選的選項

$('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]);
    }
});

小提琴

Answer 2

這可能是取消選擇所有選擇的選項：

.unSelectAll()

取消選擇列表中的所有項目

//取消選擇所有項目

$('select.SlectBox')[0].sumo.unSelectAll();

Answer 3

這對我來說很好。

('#Multi_Lead_Status')[0].sumo.unload();
$('#Multi_Lead_Status').val('');
$('#Multi_Lead_Status').SumoSelect({
   search: true,
   placeholder: 'Status',
   csvDispCount: 2,
   searchText: 'Search...'
});