日期:2014-05-16  浏览次数:20333 次

实现这个功能的Jscript代码是什么?
大家好:
  我是一位菜鸟,还望各位多多指教!
  请问当点击以下列表框的"其它"列表项时,就会在该列表框后面出现一个文本框的详细代码是什么?
<select name="selPolity" size="1" id="selPolity"
  <option value="团员" selected>团员</option>
  <option value="党员">党员</option>
  <option value="群众">群众</option>
  <option value="学生">学生</option>
  <option value="其它">其它</option>
  <option value="无">无</option>
  </select>

---
在线待复,万分感谢!

------解决方案--------------------
<input type="text" name="test" style="display:none">
</p>
<script language="javascript">
function selectchange(vc)
{
if (vc="其他")
{
document.all("test").style.display = "block";

}
}
</script>

------解决方案--------------------
<select name="selPolity" size="1" id="selPolity" onchange=selectchange(this.options[this.selectedIndex].text)>

------解决方案--------------------
调试过的
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function ShowInput()
{
var sel = document.getElementById("selPolity");
if(sel.selectedIndex == 4)
{
document.getElementById("Showtxt").style.display="inline";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="500px">
<tr>
<td>
<select id="selPolity" name="selPolity" onchange="ShowInput()">
<option value="团员">团员 </option>
<option value="党员">党员 </option>
<option value="群众">群众 </option>
<option value="学生">学生 </option>
<option value="其它">其它 </option>
<option value="无">无 </option>
</select>
</td>
<td id="Showtxt" style="display: none">
<input id="Text1" type="text" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>
------解决方案--------------------
不选“其它”的时候输入框还应该消失吧?
精简了一下:
<select size="1" id="selPolity" onchange="ShowInput()">
<option value="团员" selected >团员 </option> 
<option value="党员" >党员 </option> 
<option value="群众" >群众 </option> 
<option value="学生" >学生 </option> 
<option value="其它" >其它 </option> 
<option value="无" >无 </option> 
</select>
<INPUT name="inp1" TYPE="text" style="displ