easyui java下拉列表项目_EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色...

简单记录一下

前段时间接到客户需求：动态改变下拉列表框ComboBox输入框的背景颜色。

刚开始想的很简单在用户选择列表项的时候，判断一下列表框的value值添加相应的背景颜色就OK了，然而在实际操作的时候发现，怎么操作都没有效果，后来检查了一下html结构才知道原来操作的不是显示在页面上的元素，害我浪费了一些时间。

具体代码如下：

第一种：HTML

性别

data-toggle="topjui-combobox"

data-options="data:[{value:1,text:'男'},{value:2,text:'女'}],

onSelect: function(rec){ //在用户选择列表项的时候触发

if(rec.value=='男'){

this.nextSibling.children[1].style.background='#00FF00'

}

else{

this.nextSibling.children[1].style.background='#FFFF00'

}

}">

第二种：js

data-toggle="topjui-combobox"

data-options="data:[{value:1,text:'男'},{value:2,text:'女'}],

onSelect: onSelect">

function onSelect(rec){

if(rec.value=='1'){

this.nextSibling.children[1].style.background='#00FF00'

}

else{

this.nextSibling.children[1].style.background='#FFFF00'

}

我是根据用户选择列表项的value值进行判断，当然也可以根据text值进行判断，具体操作根据实际需求来，是不是特别简单呢。

上面两种方式显示效果都一样，具体如下：

效果展示

总结：了解topjui组件的内部结构，对症下药。

easyui java下拉列表项目_EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色...相关推荐

EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色
简单记录一下前段时间接到客户需求:动态改变下拉列表框ComboBox输入框的背景颜色. 刚开始想的很简单在用户选择列表项的时候,判断一下列表框的value值添加相应的背景颜色就OK了,然而在实际操作 ...
easyui的datagrid和panel如何让标题动态改变？
解决方法: 用$(this).datagrid("getPanel").panel("setTitle","new title").$(th ...
java td背景色_jQuery：无法更改表格单元格的背景颜色
我花了太多时间解决这个简单的问题,而不是我应该 . 因此,我想看看这个,因为我不明白为什么它不起作用 . 我习惯用jQuery更改CSS属性,但在这种特殊情况下它不起作用 . 所以这是我的功能,应该改 ...
java 设置背景色_背景颜色的设置
背景颜色的设置请教各位,为什么我用setBackground()方法改变不了JLabel的背景颜色? 搜索更多相关的解决方案: 颜色 ----------------解决方案------------ ...
JAVA毕设项目社区电商平台系统（java+VUE+Mybatis+Maven+Mysql）
JAVA毕设项目社区电商平台系统(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Web ...
Java毕设项目城市公交系统计算机（附源码+系统+数据库+LW）
Java毕设项目城市公交系统计算机(附源码+系统+数据库+LW) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Ecli ...
Java毕设项目大学生校园兼职系统计算机（附源码+系统+数据库+LW）
Java毕设项目大学生校园兼职系统计算机(附源码+系统+数据库+LW) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ E ...
Java毕设项目菜鸟驿站快递分发系统计算机（附源码+系统+数据库+LW）
Java毕设项目菜鸟驿站快递分发系统计算机(附源码+系统+数据库+LW) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ ...
如何参加java开源项目_有哪些适合大学生的开源项目？怎么参与？
谢邀.题主的问题有点大,其实有很多优秀的适合大学生参与的开源项目,在这里就十分粗糙的将大学生定义为初学者好了,并分类推荐 Java / Java Web / C++ / C / C# / PHP / ...
JAVA毕设项目html5在线医疗系统（Vue+Mybatis+Maven+Mysql+sprnig+SpringMVC）
JAVA毕设项目html5在线医疗系统(Vue+Mybatis+Maven+Mysql+sprnig+SpringMVC) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql ...

easyui java下拉列表项目_EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色...

easyui java下拉列表项目_EasyUI/TopJUI之如何动态改变下拉列表框ComboBox输入框的背景颜色...相关推荐

最新文章

热门文章