上网查了很多,却没有找到这个问题的答案。然后我想了很久,就突然有了思路。
<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(','));
}
});