编程论坛 → ASP技术论坛

【求助】下拉选择框问题

zhuzhanjun 发布于 2008-06-16 17:45， 509 次点击

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

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

在线等。谢谢

3 回复

#2

hmhz2008-06-17 08:34

此功能需要使用Ajax无刷新获取数据才行

#3

zhuzhanjun2008-06-17 09:25

真的没有办法了吗

#4

hmhz2008-06-17 10:02

程序代码：

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

1