【求助】下拉选择框问题
<select name="lx" ><option selected value="测试一">测试一</option>
<option selected value="测试二">测试二</option>
</select>
假如我选择了“测试一” 则显示以下的<tr>
<tr>
<td height="0" bgcolor="#f9f9f9">租总价:</td>
<td colspan="2" bgcolor="#f9f9f9">
<input name="zzj" type="text" id="zzj" size="30">元/月
</td>
</tr>
假如我选择了“测试二” 则显示以下的<tr>
<tr>
<td height="0" bgcolor="#f9f9f9">售总价:</td>
<td colspan="2" bgcolor="#f9f9f9">
<input name="zzj" type="text" id="zzj" size="30">万
</td>
</tr>
我在后台添加数据的时候,需要用到此功能,请问此功能怎么完成啊。。
在线等。谢谢
function Change() {
var ZZJ=document.getElementById("ZZJ");
var SZJ=document.getElementById("SZJ");
var lx=document.all("lx").options[document.all("lx").selectedIndex].value;
switch(lx) {
case"测试一": ZZJ.style.display="none"; SZJ.style.display="block"; break;
case"测试二": SZJ.style.display="none"; ZZJ.style.display="block"; break;
}}
</script>
<div style="float:left;">
<select name="lx" onchange="return Change();">
<option value="测试一">测试一</option>
<option value="测试二">测试二</option>
</select>
</div>
<div id="ZZJ" style="display:none;float:left;">
<tr>
<td height="0" bgcolor="#f9f9f9">租总价:</td>
<td colspan="2" bgcolor="#f9f9f9"><input name="zzj" type="text" id="zzj" size="30">元/月</td>
</tr>
</div>
<div id="SZJ" style="display:none;float:left;">
<tr>
<td height="0" bgcolor="#f9f9f9">售总价:</td>
<td colspan="2" bgcolor="#f9f9f9"><input name="zzj" type="text" id="zzj" size="30">万</td>
</tr>
</div>[/code]
页:
[1]
