easyui的組合框combobox的取值與賦值

近期因爲工做須要，用戶點擊下拉框能夠實現多選的效果，效果大體以下圖：

實現的代碼以下：

<select id="iweekDay" class="col-sm-4 form-control easyui-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px" >
      <option value="1">1</option>
      <option value="2">2</option>  
      <option value="3">3</option>  
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
      <option value="7">7</option>  
</select>

最主要的是：multiple:true表示下拉框能夠多選，若是單選：multiple:false單選

下面總結下combobox的取值與賦值

二、賦值

（1）單選賦值setValue

      $('#Id').combobox('setValue','key')

（2）多選賦值setValues

 多選key值是一個數組，$('#Id').combobox('setValues','key1,key2,key3'.split(','))

注意：'key1,key2,key3'.split(',')將字符串切分爲數組，由於combobox的第二個參數是數組

3.取值

（1）單選取值getValue

      $('#Id').combobox('getValue')

（2）多選取值getValues

 多選key值是一個數組，$('#Id').combobox('getValues')

注意：取得的值是一個數組，若是想轉換爲以逗號分隔的字符串的話例如（"1,2,3"）,使用join方法，代碼以下：

var str=$('#Id').combobox('getValues').join(",");

總結完畢