新微赢技术网

标题: 【求助】下拉选择框问题 [打印本页]

---

作者: ︷起↘嚸℡    时间: 2010-1-10 04:35
标题: 【求助】下拉选择框问题
<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>


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

在线等。谢谢

---

作者: →莲佳    时间: 2010-1-10 04:35
程序代码：
<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>

---

作者: 飘香剑雨    时间: 2010-1-10 04:36
真的没有办法了吗

---

作者: 绝对标致    时间: 2010-1-10 04:36
此功能需要使用Ajax无刷新获取数据才行

---

作者: dg_gaga    时间: 2010-2-18 21:05
有时候，不是对方不在乎你，而是你把对方看的太重。

---

欢迎光临 新微赢技术网 (http://bbs.weiying.cn/)

Powered by Discuz! X3.2