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

解决方案 »

  1.   

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

  2.   


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