Javascript 如何使用引导选择动态设置多个值
我需要使用Javascript 如何使用引导选择动态设置多个值,javascript,jquery,bootstrap-select,Javascript,Jquery,Bootstrap Select,我需要使用bootstrap selectplugin动态设置多个值。我在下面提供我的代码 <div class="row"> <div class="col-md-12"> <div class="form-group"> <div class="col-md-2" style=" width: 13.3%; max-width: 100%;"> <label for="" class="control-label" style="text
bootstrap select
plugin动态设置多个值。我在下面提供我的代码
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="col-md-2" style=" width: 13.3%; max-width: 100%;">
<label for="" class="control-label" style="text-align:left;">Menu:</label>
</div>
<div class="col-md-10 well" style="max-height:220px;overflow-y: auto;max-width: 100%;width: 85%;">
<div class="row" id="examMenuGroup"></div>
</div>
</div>
</div>
</div>
var options = "<div class='col-md-12'><label class='checkbox-inline'><input type='checkbox' id='allmenu' onclick='checkAll(this.id)'><strong>Select All</strong></label></div></br>";
var menuArr=[{'menu_name':'Document','id':1},{'menu_name':'Profile','id':2},{'menu_name':'Fee','id':3},{'menu_name':'Communication','id':4}];
$.each(menuArr,function(i,data)
{
options = options + "<div class='col-md-2'><label class='checkbox-inline'><input type='checkbox' name='chkmenu[]' data-label='"+data.menu_name+"' id='chkMenu"+data.id+"' value='"+data.menu_name+"'>"+data.menu_name+"</label></div>";
});
$('#examMenuGroup').html("");
$('#examMenuGroup').append('<%=Encoder.encodeForJS('+options+')%>');
$('#examMenuGroup').html(options)
.selectpicker('refresh');
菜单:
var options=“选择全部””;
var menuArr=[{'menu_name':'Document','id':1},{'menu_name':'Profile','id':2},{'menu_name':'Fee','id':3},{'menu_name':'Communication','id':4};
$.each(菜单、函数(i、数据)
{
选项=选项+“”+数据。菜单名称+“”;
});
$('#examMenuGroup').html(“”);
$('#examMenuGroup')。附加('');
$('#examMenuGroup').html(选项)
.selectpicker(“刷新”);
在这里,我设置了
引导选择
插件中的复选框
值。但这里我的要求是我需要使用一些点击事件来设置值(i.e-Document,Profile
),当用户点击任何按钮时,这些(i.e-Document,Profile
)值将在复选框中动态选择。要设置多个值,需要将值作为数组传递。要清除值,请将“”
或null
作为值传递
$(文档).ready(函数(){
$(“.add”)。单击(函数(){
var options=$(this).data(“options”).split(“,”);
$(“.selectpicker”).val(选项).selectpicker(“刷新”);//也可以使用以下选项。它在内部处理刷新。
//$(.selectpicker”).selectpicker(“val”,选项);
});
});代码>
伊德利
多赛
帕纳亚拉姆
印度飞饼
添加Idli、Dosai
加上波里,多赛
添加Panayaram
添加Poori
清除
,但我在里面使用了
复选框,以便根据动态值对其进行检查。而且可能会有帮助!!!!!!