jquery easyui中的combobox组合框 有没有办法把下拉框的选项改变颜色?

jquery easyui中的combobox组合框 有没有办法把下拉框的选项改变颜色? 在文档中没找到相应的属性。求大神指教!

1个回答

    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<style>.combobox-item{background-color:#f1f1f1}</style>
glzmzd
glzmzd 回复无聊码农: 多谢!!!
大约 4 年之前 回复
showbo
支付宝加好友偷能量挖 回复glzmzd: formatter配置,参数是数据行formatter:fmt。    function fmt(r) { if (r.text == 'C#') return '<div style="background:#f00">'+r.text+'</div>' return r.text; }
大约 4 年之前 回复
glzmzd
glzmzd 就是在点开下拉框后可以看到不同颜色的选项
大约 4 年之前 回复
glzmzd
glzmzd 有办法只改其中某些下拉选项的吗?
大约 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

有谁知道jQuery easyui 中 combobox的事件处理吗?

项目要用到一个可选可编辑的下拉控件,我用了jQuery easyui中的combobox,可以出现类似自动填充的效果,这个刚好符合项目要求.但是后来发现,这个控件的onChange事件没用,到网上查了才没有这方面的问题,看了看easyui的文档,他要求onChanage要有两个参数newValue和oldValue,我不太明白,哪位兄弟帮我解决一下,谢谢. easyui官网:http://jquery-easyui.wikidot.com/ 文档:http://jquery-easyui.wikidot.com/document:combobox 我的JSP页面代码(节选) [code="java"] <script src="${ctx}/js/jquery.js" type="text/javascript"></script> <script src="${ctx}/js/jquery.easyui.min.js" type="text/javascript"></script> <script src="${ctx}/js/calendar.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="${ctx}/css/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${ctx}/css/icon.css"> function driverOnChanage(){ alert("触发了事件"); } [/code] [code="java"] <select name="odriver" id="odriver" style="width:120px;" class="easyui-combobox" onchange="driverOnChanage()"> <s:iterator value="dList" var="driver"> <option value="${driver.id}">${driver.driverName}</option> </s:iterator> </select> [/code] 这个是文档上的一些内容 Events Name Parameters Description onChange newValue, oldValue Fires when the field value is changed.

怎样隐去easyui-numberbox和easyui-combobox的边框

![图片说明](https://img-ask.csdn.net/upload/201603/04/1457059745_386816.png) 查看时候需要回显,但是不知道怎样隐去easyui-numberbox和easyui-combobox的边框么 我试了border: none !important;outline:medium !important; 但是不管用,恳请大神们帮助,,easyui-numberbox回显时候怎么带着数据单位呢 这也是一个问题 拜托诸位前辈指教

EasyUI combobox无法显示下拉框? 后台已经返回了正确的 JSON 格式的值

为什么会这样? java返回 response.setHeader("Content-type", "application/json"); out = response.getWriter(); out.write(json); out.flush(); json: [{'text':'china','value':'1'},{'text':'india','value':'2'}] 前端:<input id="codeNameCheckbox" class="easyui-combobox" data-options=" panelHeight:'150',url:'${path}/face/getCodesByAttrs.do', valueField:'value', textField:'text', width:180" /> 后台的方法是执行成功了的。 但是combobox总是在报 onLoadError

easyUI的combobox怎么实现联动,求各位大神,急等着用

easyUI的combobox怎么实现联动, <select id="cc" class="easyui-combobox" name="state" runat="server"></select> <select id="cc1" class="easyui-combobox" name="state1" runat="server"></select>,就是这两个下拉框

easyui的combobox如何取消选中项

![图片说明](https://img-ask.csdn.net/upload/201609/27/1474946542_129388.png)只能让选择其中三个选项,但是选了第四个的话我不想让在显示框显示出来,如何处理?

EasyUI combobox无法显示下拉框? 后台已经返回了正确的 JSON 格式的值

## 前台代码: ``` <div class="fitem"> <label>户主名称:</label> <input id="Name" name="holderName" class="easyui-combobox" data-options="valueField:'holder_id', textField:'holderName',panelHeight:'70', url:'ashx/GetName.ashx' " /> </div> ``` ## 后台代码: public void Query(HttpContext context) { //调用B层的方法从而获取数据库的Dataset ADO.SqlAdo ado = new ADO.SqlAdo(); string sql = "select holder_id,holderName from t_householdsInfo"; DataSet ds = ado.getTable(sql); //将Dataset转化为Datable DataTable dt = ds.Tables[0]; int count = dt.Rows.Count; string strJson = Dataset2Json(ds, count);//DataSet数据转化为Json数据 context.Response.Write(strJson);//返回给前台页面 context.Response.End(); ``` ``` ## ## 返回的json: {"total":5,"rows":[{"holder_id":"2","holderName":"王晓宇"},{"holder_id":"3","holderName":"小苏"},{"holder_id":"4","holderName":"万面"},{"holder_id":"7","holderName":"我的家"} ``` ```

easyui combobox加了必填验证,下拉框或获得焦点,但没提示信息

easyui combobox加了必填验证,鼠标悬停会提示必填,但如果没有选择,提交表单,下拉框或获得焦点,但没提示信息

easyui combobox 焦点错位

表代码如下: ``` <tbody> <tr id="create"> .. <td><input type="text" id="style" name="style" class="easyui-combobox" style="width: 80px;" data-options="valueField: 'label', textField: 'value',panelHeight:'auto', data: [{ label: '0', value: '角色1' },{ label: '1', value: '角色2' },{ label: '2', value: '角色3' }]" /></td> ... </tr> </tbody> ``` 动态添加一行表格: ``` var tempTr =$("tbody tr:last").clone(true); $("tbody tr:last").after(tempTr); ``` 问题:生成多行表格,如2行,对第二行下拉选项操作时,焦点指向第一行的下拉项(实际上多行时,对最后一行下拉项操作都指向第一行下拉项) ![图片说明](https://img-ask.csdn.net/upload/201506/17/1434473025_170584.png) 如图:最后一行点下拉选项时,焦点自动指向第一行。 哪位知道是什么原因,页面不熟悉,请教了。 多谢

【新手求助】easyui从 <input> 标记创建组合框(combobox)与后台数据库交互

用input创建一个下拉框,框里的内容要求是另一个表的字段名water_name的内容,所以代码里的id,name,valueField,textField各填什么?url路径怎么写? 另外还有后台查询另一个表的代码怎么写? 另一个表 是id,water_name,price,num ``` <div style="margin-bottom:20px;"> <input id="waterName" class="easyui-combobox" name="waterName" data-options="label:'关联:',width:600,height:32,valueField:'id',textField:'waterName',url:'PeopleFunction.java'"> </div> ```

easyui combobox选中项为“请选择”时提醒用户“此项必填”

easyui combobox 中 有个非空验证,为空时会有一个悬浮提示框 如何在combobox 选中“请选择”项时也显示悬浮提示框,提醒用户此项必填,求大神帮帮忙,万分感激......

jquery easyui中的combobox问题

使用了jquery easyui中的combobox 之后,select下拉框的默认值变成了&nbsp;而且弄不掉,请问这是什么愿意那![![图片说明](https://img-ask.csdn.net/upload/201507/15/1436962517_135575.png)图片说明](https://img-ask.csdn.net/upload/201507/15/1436962451_643480.png)

EasyUI的combobox控件使用onchange事件之后,输入文本时列表框检索功能不再可用。

初次使用EasyUI,请各位大神帮忙看看有没有解决方法。 详细的代码如下: <html> <head> <meta charset="GBK"> <title>操蛋的EasyUI!!!</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="../../themes/icon.css" /> <link rel="stylesheet" type="text/css" href="../demo.css" /> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> </head> <body> <div id="ZhuaKuang" style="height: 25px; width: 100%;"> </div> <select id="state" class="easyui-combobox" name="state" style="width: 200px; height: 35px;"> <option value="AL" selected>Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> </select> <script language="javascript" type="text/javascript"> $(document).ready(function () { $('#state').combobox({ onChange: function (n, o) { var v = document.getElementById("ZhuaKuang"); v.innerHTML = n; } }); }); </script> </body> </html> 使用onChange事件后,输入字符串时下拉框的检索功能失效,只能通过点击右侧的箭头来弹出列表项。列表内有上千个产品,不能使用检索功能,想想心都要碎了……

easyUI的combobox设置值的问题

easyUI的combobox如何能够在动态的获取数据库的值的同时硬性添加一个固定的下拉选项值,无论数据库的值如何变化,始终有一个固定值在下拉选中

Easyui 中 combobox 绑定2000多条数据 自带检索特别卡 如何优化一下

Easyui 中 combobox 绑定2000多条数据 自带检索特别卡 如何优化一下

DWR框架结合easyui中combobox和combogrid从数据库动态获取问题

在做教务管理学生板块时之前利用easyui结合servlet可以通过combogrid动态获取到对象,代码如下: `` <select id="uCourse" class="easyui-combogrid" name="courseid" style="width: 150px;" data-options=" panelWidth:150, pagination:true, idField:'id', textField:'course_name', url:'../courseServlet?m=selectAllCourseInfo', <!-- fit:true, --> fitColumns:true, columns:[[ {field:'course_name',title:'courseName',width:100} ]] "></select>` ``` 接下来结合DWR框架, 将url:'../courseServlet?m=selectAllCourseInfo',改为 url:'teacherController.findAllTeacherWithPage',报告出404,找不到资源; 在dwrloader.js中发现$.fn.combobox.defaults.loader = getDwrLoader('combobox');然后将combogrid变为combobox,改变代码如下后发现请求都正常通过,可是数据就是没有填充,考虑是因为分页的问题,因为combobox不支持分页,然后重新写了一个查询所有没有用分页,最终得到了数据;可是在刷新表格的时候前面会出来几秒混乱的表单,然后才进行了跳转; 问题1:能否通过easyui-combogrid结合DWR框架动态获得数据库数据; 问题2:是否有其他办法(在有分页全查的情况下)easyui-combobox结合DWR框架动态获得数据库数据; ``` <select id="cc" class="easyui-combobox" id="grade_id" name="grade_id" style="width: 150px;" data-options=" editable:false, require:true, panelWidth:150, valueField:'id', textField:'grade_name', url:'gradeController.selectAllGradeWithPage' "></select> ```

easyUI的combobox如何添加图标,是上边不是下拉选里面

easyUI的combobox如何添加图标,是上边不是下拉选里面

关于easyui中combobox怎么在三级联动中点击第一级时清空第三极

请问怎么将combobox实现联动之后,点击第一级时清空第三级的下拉框的数据,我实现了一个,但是不能公用,找了很久没有找到方法,使用combobox的clear也不行

easyui combobox如何移除选中的项

combobox里的数据从数据库获取,当选择某项,点击确定按钮后将该项从combobox里移除,只是不显示而已,不是真正的从数据库删除

easyui combobox如何在获取到焦点自动展开下拉列表

![图片说明](https://img-ask.csdn.net/upload/201612/26/1482742917_752663.png) 我想要做combobox在tab键切换到的时候能自动展开列表,。easyui里没有找到获取焦点的方法。求大神赐教呀

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 局部 截图 页面 c#实现简单的文件管理器 c# where c# 取文件夹路径 c# 对比 当天 c# fir 滤波器 c# 和站 队列 c# txt 去空格 c#移除其他类事件 c# 自动截屏
立即提问