当前页面: 开发资料首页 → JSP 专题 → 求助::急急急!!!文本框改变显示问题-lt;input type="text" name="keyWord"-gt;
求助::急急急!!!文本框改变显示问题-lt;input type="text" name="keyWord"-gt;
摘要: 求助::急急急!!!文本框改变显示问题<input type="text" name="keyWord">
请大家帮帮忙,给我看看如何做,使我只要点击下面的(fashion)下拉菜单中的aaa就在"标记处:"显示一个文本框,而点击bbb,在"标记处:"就显示两个文本框
谢谢大家了,
给各事例看看可以吗??
<table width="603" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="73" height="30" align="right">
条件查询:
</td>
<td width="120" height="30"> <select name="fashion">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
</select></td>
<td width="86" height="30" align="right">条件内容:</td>
<td width="198" height="30"> 标记处: <input type="text" name="keyWord"></td>
</tr>
</table>
<table width="603" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="73" height="30" align="right">
条件查询:
</td>
<td width="120" height="30"> <select name="fashion" onchange="show(this)">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
</select></td>
<td width="86" height="30" align="right">条件内容:</td>
<td width="198" height="30"> 标记处: <input type="text" name="keyWord"></td>
</tr>
</table>
<script>
function show(s)
{
var obj = document.getElementById("keyWord") ;
if(s.value=="0")
{
obj.value="显示一个文本框";
}
if(s.value == "1")
{
obj.value="显示两个文本框";
}
}
</script>
<td width="120" height="30"> <select name="fashion" onchange="showKeyWord(this)">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
</select></td>
<td width="86" height="30" align="right">条件内容:</td>
<td width="198" height="30"> 标记处: <input type="text" name="keyWord">
<input type="text" id="keyWord2" name="keyWord2" style="display:none"></td>
<script>
function showKeyWord(sel){
document.getElementById("keyWord2").style.display = sel.value=="1"?"":"none";
}
</script>