jquery-ui-multiselect插件的赋值和取值

引用文件:

<link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" />

<link rel="stylesheet" type="text/css" href="assets/style.css" />

<link rel="stylesheet" type="text/css" href="assets/prettify.css" />

 

<link rel="stylesheet" type="text/css" href="../../jquery-ui-1.11.4/jquery-ui-1.11.4/jquery-ui.css" />

<script type="text/javascript" src="../../jquery/jquery-1.11.1.js"></script>

<script type="text/javascript" src="../../jquery-ui-1.11.4/jquery-ui-1.11.4/jquery-ui.js"></script>

 

<script type="text/javascript" src="../src/jquery.multiselect.js"></script>

<script type="text/javascript" src="assets/prettify.js"></script>

HTML代码:

<select id="sel" multiple style="width:100px">

<option value="1">Option 1</option>

<option value="2">Option 2</option>

<option value="3">Option 3</option>

<option value="4">Option 4</option>

<option value="5">Option 5</option>

<option value="6">Option 6</option>

<option value="7">Option 7</option>

</select>

<input type='button' onclick='setValue()' value='赋值'/>

<input type='button' onclick='getValue()' value='取值'/>

初始化:

$(function(){

         $("#sel").multiselect({

                   selectedList: 4,

                   noneSelectedText:'请选择'

         });

});

 

赋值:

function setValue(){

         $("#sel").val([2,3]); 

         $("#sel").multiselect('refresh');

};

 

取值:

  

function getValue(){         

         var v=$("#sel").val();

         console.log(v);

};

 

 

posted @ 2016-11-28 13:31  huanglongblog  阅读(11274)  评论(0编辑  收藏  举报