改变select下拉框中对应option的样式颜色已经展示的option如何进行颜色对应
2017-10-19 15:00
274 查看
var checkIndex = $("#selCate").get(0).selectedIndex;
for (var i = 0; i < $("#selCate option").size() ; i++) {
var checkvalue = parseInt($("#selCateNone option")[checkIndex].value);
if (checkvalue < 0) {
$("#selCate").get(0).style.color = "red";
} else {
$("#selCate").get(0).style.color = "black";
}
if (parseInt($("#selCateNone option")[i].value) < 0) {
$("#selCate option")[i].style.color = "red";
} else {
$("#selCate option")[i].style.color = "black";
}
}
for (var i = 0; i < $("#selCate option").size() ; i++) {
var checkvalue = parseInt($("#selCateNone option")[checkIndex].value);
if (checkvalue < 0) {
$("#selCate").get(0).style.color = "red";
} else {
$("#selCate").get(0).style.color = "black";
}
if (parseInt($("#selCateNone option")[i].value) < 0) {
$("#selCate option")[i].style.color = "red";
} else {
$("#selCate option")[i].style.color = "black";
}
}
相关文章推荐
- select默认下拉箭头改变、option样式清除
- select默认下拉箭头改变、option样式清除
- 如何定义Select下拉框的边框颜色和滚动条样式
- javascript增删节点以及如何操作下拉列表select和option(源代码)
- select、input等默认样式的改变,包含下拉三角
- Flex中如何通过backgroundImage, backgroundColor和backgroundAlpha样式,设置VBox的背景图片和背景颜色以及改变透明度
- js控制select下拉框--动态隐藏,展示option
- 如何修改jquery easyui select中option背景颜色
- 在存在两个下拉列表时,如何使前一个列表改变使后者同时改变到对应的内容
- 如何根据判断数据的结果,改变DataGridView中对应记录的背景颜色?
- 如何定义Select下拉框的边框颜色和滚动条样式
- CSS+HTML实例集合四,checkbox多选框的操作(全选等),select获取option的value和其对应的选项,select获取选中项的value值进行设置,select的二级联动菜单
- select标签添加multiple属性后,页面呈现的样式发生改变,如何修改
- 改变 select下拉框 样式
- 如何改变MenuBar下拉框背景颜色
- vue2.0 根据状态值进行样式的改变展示
- 如何改变gridview中gridline的样式(颜色等)
- 黑马学习笔记——如何改变gridview中gridline的样式(颜色等)!
- vue2.0 根据状态值进行样式的改变展示方法