日期:2014-05-16  浏览次数:20331 次

高速结贴......超简单问题
我想实现:下拉菜单和文本框的联动
查询时按年龄或者出生日期来查,如果选择年龄,那出现两个文本框输入:30-60岁;选择出生日期来查,也出现两个文本框,原来的隐藏,输入:1980-1990.

高手如何解决?高速结贴

------解决方案--------------------
1. 放置下拉菜单、年龄文本框和出生日期文本框,年龄文本框和出生文本框建议用DIV包含
2. 下拉菜单绑定change事件,选择年龄,显示年龄DIV;选择出生日期,显示出生日期DIV
------解决方案--------------------

  <select id="dt" onchange="changeType(this.value)" >
   <option value="age" >年龄</option>
   <option value="birth" >年龄</option>
  </select>
  <div id="inputs" ></div>
<script>
 function changeType(t){
   document.getElementById('inputs').innerHTML=
    t=='age'?'<input name="d1" value="30" >-<input name="d2" value="60" >岁':
      '<input name="d1" value="1980" >-<input name="d2" value="1990" >年'
 }
 changeType('age')
</script>