下拉列表的有关问题？

2012-02-11

求助：下拉列表的问题？？现在需要做到的是：有一个下拉列表（2个选项），其下面有2个输入框（但同一时间只能有一

求助：下拉列表的问题？？
现在需要做到的是：有一个下拉列表（2个选项），其下面有2个输入框（但同一时间只能有一个显示）

选项1对应输入框1，也就是说当选择的是1是下面显示输入框1，输入框2是隐藏的。

这是用js做的东西还是用Ajax?

如果js能做到，各位大哥能提供以下js的代码吗？

[解决办法]

HTML code

<script>function show(n){document.getElementById("a1").style.display="none";document.getElementById("a2").style.display="none";document.getElementById("a"+n).style.display="";}</script><select onchange="show(this.options[this.selectedIndex].value)"><option value="1">1</option><option value="2">2</option></select><input id="a1" value="a1"><input id="a2" value="a2" style="display:none;">
[解决办法]
<html>
<body>
<script language="javascript" type="text/javascript">
function excu(obj)
{
   if(obj==0)
   {
       document.getElementById("text1").style.display = "block";
       document.getElementById("text2").style.display = "none";
   }
   else
   {
       document.getElementById("text2").style.display = "block";
       document.getElementById("text1").style.display = "none";
   }
}
</script>
<select name="sel" onchange="excu(this.options[this.selectedIndex].value);">
<option value="0">0</option>
<option value="1">1</option>
</select>
<br />
<input type="text" id="text1" value="txt0"/>
<input type="text" id="text2" value="txt1"/>
</body>



</html>
[解决办法]
JScript codewindow.onload=function(){   $("txt1").style.display=$("txt2").style.display='none';}function change(obj){   if(obj.options[0].selected)   {      $("txt1").style.display='';      $("txt2").style.display='none';   }   else   {      $("txt1").style.display='none';      $("txt2").style.display='';   }}function $(objID){   return document.getElementById(objID);}

热点排行

JavaScript

下拉列表的有关问题？