easyui combobox 下拉项无法选中的问题

LvBao_117 2018-09-07 09:59:22
小弟使用easyui,做了个combobox,可以看到下拉框内的选项,但有的选项无法选中,请问如何应对?
html代码

<select id="selScore1" class="easyui-combobox" panelheight="auto" data-options="valueField:'id',textField:'text'" style="width:auto;"></select>


加载选项的js代码:

var currScoreStr = [{"id":"4.00","text":"参加教科研活动(共4分)","selected":"true"},{"id":"4.00","text":"参加学校活动情况(共4分)"},{"id":"8.00","text":"出勤(共8分)"}]"
$("#selScore1").combobox("loadData", currScoreStr);


运行后,发现有的分数无法选中,例如:本来选中的是"出勤(共8分)",但显示的是上面的"参加学校活动情况(共4分)"(只是举例)
...全文
1871 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
z_f_p 2018-09-10
  • 打赏
  • 举报
回复 1
具体思路关键:$("#id").combobox("setValue",选中的id值)
z_f_p 2018-09-10
  • 打赏
  • 举报
回复
先看下你的数据源加载出来的json 有几项 是否争取。
例子:
//公共供应商列表 cid 控件id funName 对应处理方法
function bindSupplier(cId, funName) {
//绑定供应商控件
$(cId).combobox({
valueField: 'SupplierID',
textField: 'SupplierName',
url: '../../Service/AccessoryService.ashx?methodName=' + funName,
filter: function (q, row) {
var opts = $(this).combobox("options");
return row[opts.textField].indexOf(q) > -1;
},
onLoadSuccess: function (data) {
if (data.Message) {
if (data.Success == true) {
if (data.Data.length > 0) {
$(cId).combobox('loadData', data.Data).combobox("setValue", data.Data[0].SupplierID);//加载后台json数据源 并默认选中
if (data.Data.length == 1) {
$(cId).combobox("disable");
canEdit = false;
}
}
} else {
$.messager.alert("程序错误", data.Message, "error");
}
}
}
});
}

LvBao_117 2018-09-08
  • 打赏
  • 举报
回复
自己顶起来,没人知道吗?

LvBao_117 2018-09-07
  • 打赏
  • 举报
回复
如何重写change事件呢?
请详细点
usecf 2018-09-07
  • 打赏
  • 举报
回复
显示的默认是第一个项的值,估计你的重写easyui combobox的change事件 将你选中的值赋过去

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧