關於easyui-combobox 多選取值
阿新 • • 發佈:2019-01-03
上網查了很多,卻沒有找到這個問題的答案。然後我想了很久,就突然有了思路。
<select id="com" class="easyui-combobox" data-options="multiple:true" >
<option value="蘋果">蘋果</option>
<option value="香蕉">香蕉</option>
<option value="黃瓜">黃瓜</option>
</select>
當初始化時,這個下拉框會自動預設選中第一個option(蘋果)
當點選新增時,easyui-combobox 會自動在選項之間新增,來分隔。
但是當你點選修改時,預設的第一個選項再加上之前儲存在資料庫中的資料,會出現 多餘,,,;
解決方案是:
在js頁面上初始化讀取資料庫成功時,會返回data
$.ajax({
url : "../findById?id=" +id,
type : "post",
success : function(data) {
$('#com').combobox('setValues',"");
$("#form").form("load",data);
$('#com').combobox('setValues',"");
$('#com').combobox('setValues',data.com.split(','));
}
});