当前位置: 代码迷 >> JavaScript >> 高速结贴.超简单有关问题
  详细解决方案

高速结贴.超简单有关问题

热度:274   发布时间:2013-09-28 10:01:20.0
高速结贴......超简单问题
我想实现:下拉菜单和文本框的联动
查询时按年龄或者出生日期来查,如果选择年龄,那出现两个文本框输入: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>
  相关解决方案