首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-09-28 
高速结贴......超简单问题我想实现:下拉菜单和文本框的联动查询时按年龄或者出生日期来查,如果选择年龄,那

高速结贴......超简单问题
我想实现:下拉菜单和文本框的联动
查询时按年龄或者出生日期来查,如果选择年龄,那出现两个文本框输入: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>

热点排行