js 如何设置text为灰色不可编辑?

如何通过Js 函数实现“预估业绩目标”text文本框设为灰色不可编辑状态,就像“是否已签约一样”。本人对js一窍不通,只会改一些简单的。
逻辑是:当选择某个下拉菜单值时,上面可以编辑,下面为灰色不可编辑或者下面可以编辑,上面为灰色不可编辑。

只读

<input readonly="readonly">

灰色 配置CSS

追问

能不能详细点啊。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-13
<html>
<body>
<select name="select" onchange="on_test(this.value)">
<option value="1_值1">默认值</option>
<option value="0_值1">名称1</option>
<option value="1_值2">名称2</option>
</select>
<input id="ygyjmb">
<script type="text/javascript">
function on_test(val){
if (val.charAt(0)=="0"){
document.getElementById("ygyjmb").readOnly=true;
}else{
document.getElementById("ygyjmb").readOnly=false;
}
}
</script>

</body>
</html>

上面就是例子。你把select和input改为你自己的就可以,注意id也要修改的相同追问

谢谢好心人的回答,其实我这个提问关键是这个不可编辑颜色需要为灰色(像图上那样),是否可编辑这个可通过控制属性readOnly或disabled来控制,主要是这个颜色不懂弄啊。

追答

readOnly是只读,select本来就是只读,所以对它无效,input的text类型是可以的。

disabled是不可用,你把代码中的那个readOnly改为disabled就可以了。

要注意,这个disabled是不被提交的。当然JS可以找到它

本回答被提问者和网友采纳
第2个回答  2013-10-24
$("#text").disable = ture;
相似回答