有一個多選的需求,在網上找到了這個插件:multiselect
https://github.com/ehynds/jquery-ui-multiselect-widget
csdn博客上有這個插件的介紹,不少童鞋都問了這么個問題,怎么獲取選中的值?真是個好問題,因為我在看demo的時候也發現了這個問題,呵呵!
先簡單說說這個插件:
jquery-multiselect 基于Jquery-ui的組件體系。
所以使用它的時候,先得導入jquery-ui相關的js和css哦
特性
•支持點擊label實現checkbox組選擇.
•頭部選項,如全選/ 取消全選 /關閉功能.
•支持鍵盤選擇.
•支持5種不同的事件回調函數.
•以列表方式顯示選中項目,并且可以設置最大顯示值.
•方便改變位置,漸變速度,滾動容器的高度,鏈接文字,文本框默認內容等.
效果如圖:
復制代碼 代碼如下:
<select id ="sela" multiple="multiple" size="5">
<option value="V1">Option 1</option>
<option value="V2">Option 2</option>
<option value="V3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
<option value="option9">Option 9</option>
<option value="option10">Option 10</option>
<option value="option11">Option 11</option>
<option value="option12">Option 12</option>
</select>
復制代碼 代碼如下:
$(function(){
$("select").multiselect({
noneSelectedText: "==請選擇==",
checkAllText: "全選",
uncheckAllText: '全不選',
selectedList:4
});
});
復制代碼 代碼如下:
MyValues:function(){
return multiValues;
}
復制代碼 代碼如下:
function showValues() {
var valuestr = $("#sela").multiselect("MyValues");
alert(valuestr);
}
新聞熱點
疑難解答
圖片精選