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

如何通过Js函数实现“预估业绩目标”text文本框设为灰色不可编辑状态,就像“是否已签约一样”。本人对js一窍不通,只会改一些简单的。逻辑是:当选择某个下拉菜单值时,上面... 如何通过Js 函数实现“预估业绩目标”text文本框设为灰色不可编辑状态,就像“是否已签约一样”。本人对js一窍不通,只会改一些简单的。
逻辑是:当选择某个下拉菜单值时,上面可以编辑,下面为灰色不可编辑或者下面可以编辑,上面为灰色不可编辑。
展开
 我来答
百度网友5c69cfc
2013-10-24 · TA获得超过238个赞
知道小有建树答主
回答量:325
采纳率:100%
帮助的人:227万
展开全部

只读

<input readonly="readonly">

灰色 配置CSS

追问
能不能详细点啊。
miniappkFwV0962YhOPw
推荐于2017-10-13 · 请开发者输入账号签名
miniappkFwV0962YhOPw
采纳数:2709 获赞数:7887

向TA提问 私信TA
展开全部
<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可以找到它
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yjsn1990
2013-10-24
知道答主
回答量:8
采纳率:100%
帮助的人:2.8万
展开全部
$("#text").disable = ture;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式