页面:
<form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
<select name="quanxian" onclick="check()">
<option value="1">1</option>
<option value="2"><center>2</center></option>
<option value="3"><center>3</center></option>
</select>
企业代码:<input name="qiyenum" type="text" >
</form>问题:
如何使用JAVASCRIPT根据下拉列表值的不同来在相同的页面上显示一个文本框如上例:页面本来不显示企业代码这个文本框,当选择3时出现下面的企业代码这个文本框。
我只知道是一个ONCHANG事件但具体怎么写不知道?
请大家帮忙?
<option value="1">1</option>
<option value="2"><center>2</center></option>
<option value="3"><center>3</center></option>
</select>
企业代码:<input name="qiyenum" type="text" >
<script language=javascript>
function check(obj)
{
document.getElementById("qiyenum").style.display=(obj.value=="3")?"":"none" }
</script>
:<input name="qiyenum" type="text" style="display:none">
function testGG(){
if(document.form1.quanxian.value == 3){
xxx.style.display = 'block';
} else{
xxx.style.display = 'none';
}
}
</script><form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
<select name="quanxian" onChange="testGG()">
<option value="1">1</option>
<option value="2"><center>2</center></option>
<option value="3"><center>3</center></option>
</select>
<div id="xxx" style="display:none ">企业代码:<input name="qiyenum" type="text"></div>
</form>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.STYLE1 {font-family: "ARIAL"}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeEvent(obj)
{
if(obj.value=="3")
{
document.getElementById("disInfo").style.visibility = "visible";
}
else
{
document.getElementById("disInfo").style.visibility = "hidden";
}
}
//-->
</SCRIPT>
</HEAD>
<form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
<select name="quanxian" onchange="changeEvent(this);">
<option value="1">1</option>
<option value="2"><center>2</center></option>
<option value="3"><center>3</center></option>
</select>
<div id="disInfo" style="visibility:hidden">企业代码:<input name="qiyenum" type="text" ></div>
</form>
</HTML>
标准答案.给我一分吧.:)