首页 > 代码库 > 解决juqery easyui combobox只能选择问题
解决juqery easyui combobox只能选择问题
1.首先设定框为 combobox样式,该字段值为了进行值的显示
<tr class="odd_row"> <td class="TableLabel_Left">检查人员</td> <td class="TableText_Left" colspan="3"> <ww:select name="jcry" id="jcry" theme="simple" list=‘dict_zzry‘ listKey="key" listValue="http://www.mamicode.com/value" multiple=‘true‘ /> </td> </tr>
2.增加对应保存字段
<ww:hidden name="tpzJcjl.jcry" id="tpzJcjl_jcry" />
3.值变化及回显处理(针对下拉多选)
function getCombox(xsid,ycid){ $(‘#‘+xsid).combobox({ width: fixWidth(), //设置宽度 editable:false, //不能编辑 onChange: function () { //选择值的时候将值放入到需要保存字段 $("#"+ycid).val(‘‘); var jcry = $(‘#‘+xsid).combobox(‘getValues‘); $("#"+ycid).val(jcry); }, onl oadSuccess: function () { //数据加载完毕事件,默认之前已经选中的值 if($("#"+ycid).val() != ‘‘){ $(‘#‘+xsid).combobox(‘setValues‘,$("#"+ycid).val().split(‘,‘)); //将多选框值切割放入 } } }); $("#"+xsid).parent().find("input[class^=‘combo-text‘]").css("background", "#FFFFFF"); //修改背景色 } function fixWidth() { return document.body.clientWidth * 0.33; }
调用:
getCombox(‘jcry‘,‘tpzJcjl_jcry‘);
解决juqery easyui combobox只能选择问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。