jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值

jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值,第1张

<script src="/js/jquery-132js" type="text/javascript"></script>
<script src="/js/jquerymultiSelectjs" type="text/javascript"></script>
<link href="css/jquerymultiSelectcss" rel="stylesheet" type="text/css" />
我用的是jQuery MultiSelect 插件下拉多选框,
Select:
<select id="control_7" name="control_7[]" multiple="multiple" size="5">
<option value="">请选择</option>
<option value="1">性病商务通</option>
<option value="2">商务通</option>
<option value="3">QQ</option>
<option value="4">性病QQ</option>
<option value="5">企业QQ</option>
<option value="6">电话</option>
<option value="7">性病电话</option>
<option value="8">微信</option>
<option value="9">竞D1</option>
<option value="10">竞D2</option>
<option value="11">竞D3</option>
<option value="12">竞D4</option>
<option value="13">400电话</option>
<option value="14">挂号网</option>
</select>
jQuery MultiSelect 插件:

if(jQuery) (function($){
//渲染HTML的一个单一的选项
function renderOption(id, option)
{
var html='<label><input type="checkbox" name="' + id + '[]" value="' + optionvalue + '"';
if( optionselected ){
html+='checked="checked"';
}
html += ' />' + optiontext + '</label>';
return html;
}
// 渲染选项/的HTML optgroups
function renderOptions(id, options, o)
{
var html = "";
for(var i = 0; i < optionslength; i++) {
if(options[i]optgroup) {
html += '<label class="optGroup">';
if(ooptGroupSelectable) {
html += '<input type="checkbox" class="optGroup"/>' + options[i]optgroup;
}
else {
html += options[i]optgroup;
}
html += '</label><div class="optGroupContainer">';
html += renderOptions(id, options[i]options, o);
html += '</div>';
}
else {
html += renderOption(id, options[i]);
}
}
return html;
}
我提交的时候都变没了,就一个了,我想要的是我选中几个默认选中就是几个。

在调用这个插件前用jquery设置optin的selected属性

JavaScript code


var v='1,2,3'//这个为保存的值,自己从数据库读取来赋值给v变量v=','+v+',';//添加分隔符号,好indexOf进行比较var arr=vsplit(',');$('#control_7 option')each(function(){  if(vindexOf(','+thisvalue+',')!=-1)thisselected=true;});//再调用插件初始化select对象


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13360554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-21
下一篇 2023-07-21

发表评论

登录后才能评论

评论列表(0条)

保存