怎么用javascript解决:一下拉框所选择的值而去影响另一个文本框是否显示...

发布网友发布时间：2022-04-23 19:52

共2个回答

热心网友时间：2022-04-24 17:07

------------修改了一下，呵呵
<body><table width="442" border="1">
<tr>
<td width="123">预算类型</td>
<td width="303"><label>
<select name="select" onchange="ch_fx(this)">
<option value="即时生效">即时生效</option>
<option value="延期生效">延期生效</option>
<option value="预算金额不足">预算金额不足</option>
</select>
</label></td>
</tr>
<tr>
<td>平均单车预算</td>
<td> </td>
</tr>
<tr>
<td>有效期起始</td>
<td> </td>
</tr>
<tr id="xy" style="display:none">
<td>延期终止日期</td>
<td><input type="text" name="textfield" /></td>
</tr>
</table>
</body>
<script>
//js方法这样写也行
function ch_fx(t)
{
var select_id=t.selectedIndex;
if(t.options[select_id].value=="延期生效")
{
xy.style.display="";
}else
{
xy.style.display="none";
}
}
</script>

热心网友时间：2022-04-24 18:25

<html>
<script language="javascript">
function showinfo(arg){
if(arg=="延时生效"){
dd.style.visibility="visible";
;
}
else{
dd.style.visibility="hidden";
}

}
</script>
<body>
<table><tr><td></td><td>
<select onChange="showinfo(this.options[this.selectedIndex].value)" >
<option value="即时生效">即时生效</option>
<option value="延时生效">延时生效</option>
</select>
</td></tr>
<tr><td></td><td></td></tr>
<tr id="dd" style="visibility:hidden;" ><td>延期终止日期</td><td></td></tr>
<table>
</body>
<html>