怎么通过select的值来改变input的属性，急！！！！！！！

ww_stone 2005-04-04 02:33:33

假如有个select列表，可取值1、2、3，怎么显示下面的功能？
当取1时，input值为空且只读；当取2、3时，input可修改，怎么实现呢

...全文

469 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhgj8750 2005-04-05

打赏
举报

呵呵，这个问题我前些天也遇到过，几乎一摸一样啊！
首先在select中加入onchange事件updateInput()，加上下面js函数就ok了。

function updateInput()
{
if (document.all.testselect.value == 0)
{
//将input值置空
document.all.testinput.value = "";
//将input置为readOnly，注意是readOnly不是readonly，用后者不起作用的。
document.all.testinput.readOnly = true;
}
else
{
document.all.testinput.readOnly = false;
}
}

sakura8sakura 2005-04-04

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onload="SetReadOnly()">
<select id="testselect" onchange="SetReadOnly()">
<option value="0">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<input id="testinput" type="text" value="a">
</BODY>
</HTML>

sakura8sakura 2005-04-04

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onload="SetReadOnly()">
<select id="testselect" onchange="SetReadOnly()">
<option value="0">非表示</option>
<option value="1">表示</option>
</select>
<input id="testinput" type="text" value="a">
</BODY>
</HTML>

dama2003 2005-04-04

打赏
举报

把readOnly改成disabled

fantiny 2005-04-04

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onload="SetReadOnly()">
<select id="testselect" onchange="SetReadOnly()">
<option value="0">非表示</option>
<option value="1">表示</option>
</select>
<input id="testinput" type="text" value="a">
</BODY>
</HTML>

ww_stone 2005-04-04