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)
你可以使用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)
归档时间: |
|
查看次数: |
17460 次 |
最近记录: |