怎么用javascript解决:一下拉框所选择的值而去影响另一个文本框是否显示啊?
我现在有一个棘手问题,就是如图,如果下拉框选择的是‘延期生效’,下面的‘延期终止日期’就让它显示,否则就让它隐藏。。用javascript实现啊,,急急!!!望高手帮忙快...
我现在有一个棘手问题,就是如图,如果下拉框选择的是‘延期生效’,下面的‘延期终止日期’就让它显示,否则就让它隐藏。。用javascript实现啊,,急急!!!望高手帮忙快点解决O(∩_∩)O谢谢,
展开
2个回答
展开全部
------------修改了一下,呵呵
<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>
<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>
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询