求选择后显示隐藏的表单的方法实现?

bryankoul 2008-04-02 09:49:01
<b>申请人:</b></td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<select size="1" name="self">
<option selected value="0">请选择申请人</option>
<option>本人</option>
<option>家属</option>
</select></td></tr><tr>
<b>与本人关系:</b></td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<select size="1" name="relay">
<option selected value="0">请选择家属关系</option>
<option>配偶</option>
<option>未婚夫妻</option>
<option>其他</option>
</select></td>
<b>家属姓名:</b></td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<input type="text" name="relayname" size="32" style="font-family: Arial; border-style: solid; border-width: 1px" maxlength="18"></td>

要求选择“申请人”表单为“家属”时显示“与本人关系”和“姓名”的表单,选择“本人”时隐藏?

如何实现谢谢大家
...全文
39 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
bryankoul 2008-04-02
[Quote=引用 3 楼 hookee 的回复:]
<script>
function check(obj){
switch(obj.selectedIndex){
case 1: document.getElementById("tr").style.display = "none";break;
case 2: document.getElementById("tr").style.display = "block";break;
}
}
</script>
<table>

<tr>
<td> <b>申请人: </b> </td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<select size…
[/Quote]

谢谢,好用,结贴
回复
ab520ah 2008-04-02
http://qzshi.com
这里找一下,有你想要的东西
回复
hookee 2008-04-02
<script>
function check(obj){
switch(obj.selectedIndex){
case 1: document.getElementById("tr").style.display = "none";break;
case 2: document.getElementById("tr").style.display = "block";break;
}
}
</script>

<table>

<tr>
<td><b>申请人: </b> </td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<select size="1" name="self" onchange="check(this)">
<option selected value="0">请选择申请人 </option>
<option>本人 </option>
<option>家属 </option>
</select> </td>
</tr>
<tr id="tr">
<b>与本人关系: </b> </td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<select size="1" name="relay">
<option selected value="0">请选择家属关系 </option>
<option>配偶 </option>
<option>未婚夫妻 </option>
<option>其他 </option>
</select> </td>
<b>家属姓名: </b> </td>
<td style="border: 1px dotted #99CCFF; font-family:新细明体; font-size:9pt" height="32">
<input type="text" name="relayname" size="32" style="font-family: Arial; border-style: solid; border-width: 1px" maxlength="18"> </td>
</tr>

</table>
回复
xiaojing7 2008-04-02
选择触发----》隐藏{1:css隐藏 2:js删除
回复
兔子党-连长 2008-04-02
<select size="1" name="self" onchange="{if(this.innerText == '家属'){//..}else{//..}}">
回复
相关推荐
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-04-02 09:49
社区公告
暂无公告