【求助】下拉选择框问题

[复制链接]

︷起↘嚸℡

电梯直达

1^#

发表于 2010-1-10 04:35:53 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

<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>

我在后台添加数据的时候，需要用到此功能，请问此功能怎么完成啊。。

在线等。谢谢

收藏0

使用道具举报

→莲佳

2^#

发表于 2010-1-10 04:35:57 | 只看该作者

程序代码：
<script language="JavaScript">
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>