zhuzhanjun 发表于 2008-6-16 17:45

【求助】下拉选择框问题

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


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

在线等。谢谢

hmhz 发表于 2008-6-17 08:34

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

zhuzhanjun 发表于 2008-6-17 09:25

真的没有办法了吗

hmhz 发表于 2008-6-17 10:02

[code]<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>[/code]

页: [1]

编程论坛