实现这个功能的Jscript代码是什么?解决方案
日期：2014-05-16 浏览次数：20326 次
实现这个功能的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
大家好:
我是一位菜鸟,还望各位多多指教!
请问当点击以下列表框的"其它"列表项时,就会在该列表框后面出现一个文本框的详细代码是什么?
<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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
