2 qq 35649402 qq_35649402 于 2017.08.31 08:59 提问

jsp中的<select>标签如何根据值来改变颜色?

下附上代码

    <select  id="tInventoryRecordList{{idx}}_tes" name="tInventoryRecordList[{{idx}}].isexist" data-value="{{row.isexist}}" class="input-small " style="width:200px" size="1" onChange='wscModeChange(0)'  disabled="true">
                                    <option value=""></option>
                                    <c:forEach items="${fns:getDictList('t_isexist')}" var="dict">
                                        <option value="${dict.value}" >${dict.label}</option>
                                    </c:forEach>
                                </select>

‘t_isexist’为框架中字典,值为1,2,3,我想要通过值的变化来改变下拉框中字体的颜色,请问大佬们改如何做?

2个回答

caozhy
caozhy   Ds   Rxr 2017.08.31 09:09
已采纳

用if标签判断下,然后加上css

 <OPTION VALUE="1" style="background-color:red">红色文字</OPTION>
qq_35649402
qq_35649402 我做出来了,可是需求变了,尴尬
3 个月之前 回复
qq_35649402
qq_35649402   2017.08.31 09:21

修改了部分代码在select中不使用框架中字典;

    <select  id="tInventoryRecordList{{idx}}_tes" name="tInventoryRecordList[{{idx}}].isexist" data-value="{{row.isexist}}" class="input-small " style="width:200px" size="1" onChange='wscModeChange(0)'  >
                                    <option  value="1">实物和数据库一致</option>
                                    <option style="color:red"   value="2">数据库中没有而有实物</option>
                                    <option style="color:red" value="3">数据库中有而无实物</option>
                            <!--        <c:forEach items="${fns:getDictList('t_isexist')}" var="dict">-->
                                <!--        <option value="${dict.value}" >${dict.label}</option>-->
                                <!--    </c:forEach>-->
                                </select>
Csdn user default icon
上传中...
上传图片
插入图片