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

<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对象

首先，html属性中有两个方法，一个有参，一个无参

1 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String

例子：

html页面代码：<div><p>Hello</p></div>

jquery代码：$("div")html();

结果：Hello

2有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

html页面代码：<div></div>

jquery代码：$("div")html("<p>Nice to meet you</p>");

结果：[ <div><p> Nice to meet you</p></div> ]

其次，text属性中有两个方法，一个有参，一个无参

1 无参text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

例子：

html页面代码：<p><b>Hello</b> fine</p>

<p>Thank you!</p>

jquery代码：$("p")text();

结果：HellofineThankyou!

2有参text（val）：设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)返回一个jquery对象

html页面代码：<p>Test Paragraph</p>

jquery代码：$("p")text("<b>Some</b> new text");

结果:[ <p><b>Some</b> new text</p> ]

最后，val（）属性中也有两个方法，一个有参，一个无参。

1无参val（）：获得第一个匹配元素的当前值。在 jQuery 12 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

返回的是一个String、 array

例子：

html页面代码 ：

代码如下:

<p></p><br/>

<select id="single">

<option>Single</option>

<option>Single2</option>

</select>

<select id="multiple" multiple="multiple">

<option selected="selected">Multiple</option>

<option>Multiple2</option>

<option selected="selected">Multiple3</option>

</select>

jquery

代码：$("p")append( "<b>Single:</b> " + $("#single")val() + "

<b>Multiple:</b> " + $("#multiple")val()join(", "));

结果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]

2有参val（val）：设置每一个匹配元素的值。在 jQuery 12, 这也可以为check,select,radio元件赋值,返回一个jquery对象

html页面代码：

<input type="text"/>

jquery代码：$("input")val("hello world!");

结果：hello world!

可以使用val方法获取textarea的值

val()方法主要用于获取表单元素的值，比如 input, select 和 textarea。

如果是select元素， 当没有选择项被选中，它返回null;如果select元素有multiple（多选）属性，并且至少一个选择项被选中， val()方法返回一个数组，这个数组包含每个选中选择项的值。

注意: 通过 val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。

以上就是关于jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值全部的内容，包括:jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值、jquery 获取text值、jquery中如何获取textarea的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！