如何在Jquery sumoselect Multi select插件中重置选择框值 [英] How to reset the select box values in Jquery sumoselect Multi select plugin

问题描述

我正在将 Jquery sumoselect插件用于多选选项.我想通过单击某些按钮来重置值.

I am using Jquery sumoselect plugin for multiselection option. I want to reset the values on click of some button.

这是我的代码:

<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 });

    });

这是重置多选内容的功能

Here is the function for reset of multiselect content

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>

推荐答案

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

小提琴

这篇关于如何在Jquery sumoselect Multi select插件中重置选择框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！