javascript 选择下拉菜单 使 文本框变灰色
有个下拉菜单<selectname="Profession[]"value="no"><optionname="">SELECT</option><optionname=...
有个下拉菜单<select name="Profession[]" value="no">
<option name="">SELECT</option>
<option name="teacher">teacher</option>
<option name="NETWORK">NETWORK</option>
<option name="stu">stu</option>
<option name="un">un</option>
</select>
有个文本框
<input name="salary[]" type="text" />
当我下拉菜单选择stu的时候，文本框变灰色不能输入，其他情况下都能输入，请问要怎么做。我写了个Js
function lock(){
var ip=document.getElementById("ip");
var ti=document.getElementById("title");
for (var i=0;i<ti.length;i++)
{
if(ti[i].name=="SAP")
{
ip.disabled
}
}
不太对
求解答，谢谢 展开
<option name="">SELECT</option>
<option name="teacher">teacher</option>
<option name="NETWORK">NETWORK</option>
<option name="stu">stu</option>
<option name="un">un</option>
</select>
有个文本框
<input name="salary[]" type="text" />
当我下拉菜单选择stu的时候，文本框变灰色不能输入，其他情况下都能输入，请问要怎么做。我写了个Js
function lock(){
var ip=document.getElementById("ip");
var ti=document.getElementById("title");
for (var i=0;i<ti.length;i++)
{
if(ti[i].name=="SAP")
{
ip.disabled
}
}
不太对
求解答，谢谢 展开
5个回答
展开全部
<html>
<head>
<script type="text/javascript">
function lock(obj)
{
if(obj.value=="stu")
{ salary.disabled=1;
salary.style.background='#ececec';}
else
{ salary.disabled=0;
salary.style.background='#ffffff' ;}
}
</script>
</head>
<body>
<select name="Profession[]" value="no" onclick="lock(this)">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary" type="text">
</body>
</html>
简单的可以不写js
<html>
<head>
<title>下拉菜单选择某一选项 文本框变灰</title>
</head>
<body>
<select name="Profession[]" value="no" onpropertychange="salary.disabled=stu.selected">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu" id="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary" type="text">
</body>
</html>
<head>
<script type="text/javascript">
function lock(obj)
{
if(obj.value=="stu")
{ salary.disabled=1;
salary.style.background='#ececec';}
else
{ salary.disabled=0;
salary.style.background='#ffffff' ;}
}
</script>
</head>
<body>
<select name="Profession[]" value="no" onclick="lock(this)">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary" type="text">
</body>
</html>
简单的可以不写js
<html>
<head>
<title>下拉菜单选择某一选项 文本框变灰</title>
</head>
<body>
<select name="Profession[]" value="no" onpropertychange="salary.disabled=stu.selected">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu" id="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary" type="text">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1：getElementById 是获取表单控件的id属性~
你写的这个lock方法哪来的"ip",哪来的'title"?
2：为什么name属性要还加个[]?
其实很简单啊~！
就用你的：
function lock(){
var ip=document.getElementById("ip");
var ti=document.getElementById("title");
for (var i=0;i<ti.length;i++)
{
if(ti[i].name=="SAP")
{
ip.disabled
}
}
就可以啦，只需要把 <select name="Profession[]" value="no" id="title">...
<input name="salary[]" type="text" id='ip' /> 这样就Ok啦
你写的这个lock方法哪来的"ip",哪来的'title"?
2：为什么name属性要还加个[]?
其实很简单啊~！
就用你的：
function lock(){
var ip=document.getElementById("ip");
var ti=document.getElementById("title");
for (var i=0;i<ti.length;i++)
{
if(ti[i].name=="SAP")
{
ip.disabled
}
}
就可以啦，只需要把 <select name="Profession[]" value="no" id="title">...
<input name="salary[]" type="text" id='ip' /> 这样就Ok啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<tr>
<td>
<select onchange="changeSel(this.value)">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
</td>
<td>
<input name="salary[]" id="salary" type="text"/>
</td>
</tr>
JavaScript方法
<script type="text/javascript">
function changeSel(sele){
if(sele=="stu"){
document.getElementsByName("salary[]")[0].disabled="disabled";
}else{
document.getElementsByName("salary[]")[0].disabled="";
}
}
</script>
如果还有问题，我们再沟通
<td>
<select onchange="changeSel(this.value)">
<option value="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
</td>
<td>
<input name="salary[]" id="salary" type="text"/>
</td>
</tr>
JavaScript方法
<script type="text/javascript">
function changeSel(sele){
if(sele=="stu"){
document.getElementsByName("salary[]")[0].disabled="disabled";
}else{
document.getElementsByName("salary[]")[0].disabled="";
}
}
</script>
如果还有问题，我们再沟通
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select name="Profession[]" id="Profession" value="no" onchange="lock()">
<option name="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary[]" id="salary" type="text" />
<script>
function lock(){
var sel=document.getElementById("Profession");
//alert(sel.value);
if(sel.value=="stu"){
document.getElementById("salary").disabled="disabled";
}else{
document.getElementById("salary").disabled="";
}
}
</script>
<option name="">SELECT</option>
<option value="teacher">teacher</option>
<option value="NETWORK">NETWORK</option>
<option value="stu">stu</option>
<option value="un">un</option>
</select>
<input name="salary[]" id="salary" type="text" />
<script>
function lock(){
var sel=document.getElementById("Profession");
//alert(sel.value);
if(sel.value=="stu"){
document.getElementById("salary").disabled="disabled";
}else{
document.getElementById("salary").disabled="";
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select name="Profession[]" value="no" onchange="lock()">
function lock(){
var sel=document.getElementById("Profession[]");
if(sel.value=="stu") document.getElementById("salary[]").disabled;
}
function lock(){
var sel=document.getElementById("Profession[]");
if(sel.value=="stu") document.getElementById("salary[]").disabled;
}
追问
谢谢，但是不行啊
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
