js 如何设置text为灰色不可编辑？
如何通过Js函数实现“预估业绩目标”text文本框设为灰色不可编辑状态，就像“是否已签约一样”。本人对js一窍不通，只会改一些简单的。逻辑是：当选择某个下拉菜单值时，上面...
如何通过Js 函数实现“预估业绩目标”text文本框设为灰色不可编辑状态，就像“是否已签约一样”。本人对js一窍不通，只会改一些简单的。
逻辑是：当选择某个下拉菜单值时，上面可以编辑，下面为灰色不可编辑或者下面可以编辑，上面为灰色不可编辑。 展开
逻辑是：当选择某个下拉菜单值时，上面可以编辑，下面为灰色不可编辑或者下面可以编辑，上面为灰色不可编辑。 展开
3个回答
展开全部
只读
<input readonly="readonly">
灰色 配置CSS
追问
能不能详细点啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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也要修改的相同
<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可以找到它
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#text").disable = ture;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
