js 如何设置text为灰色不可编辑？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 如何设置text为灰色不可编辑？相关的知识，希望对你有一定的参考价值。
如何通过Js 函数实现“预估业绩目标”text文本框设为灰色不可编辑状态，就像“是否已签约一样”。本人对js一窍不通，只会改一些简单的。
逻辑是：当选择某个下拉菜单值时，上面可以编辑，下面为灰色不可编辑或者下面可以编辑，上面为灰色不可编辑。
只读
<input readonly="readonly">灰色 配置CSS
追问能不能详细点啊。
参考技术A <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可以找到它
以上是关于js 如何设置text为灰色不可编辑？的主要内容，如果未能解决你的问题，请参考以下文章