实现这个功能的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="display:none">
<script type="text/javascript" >
function ShowInput()
{
if(selPolity.value == "其它") inp1.style.display = "";
else inp1.style.display = "none";
}
</script>
[解决办法]
mark
[解决办法]
已经解决了～来迟一步～～
