1. 程式人生 > >關於easyui-combobox 多選取值

關於easyui-combobox 多選取值

上網查了很多,卻沒有找到這個問題的答案。然後我想了很久,就突然有了思路。

<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(','));
               
            }
        });