如何根据选项值更改输入类型?

时间:2016-03-27 06:19:46

标签: javascript html

我试图根据选项值更改输入类型。

如果选择了日期选项,则应将输入字段的类型更改为日期类型。



function func2() {
  if (document.getElementById('field_search').value=="khao_date") {
    document.getElementById('input_search').type == 'date';
  }
  else {
    document.getElementById('input_search').type == 'text';
  }
}

<select id="field_search" name="field_search" size=1 onchange="func2()">
  <option value="khao_date">Date</option>
  <option value="khao_detail">Detail</option>
</select>

<input id="input_search" type="text">
&#13;
&#13;
&#13;

但不知怎的,它并没有改变。有人能帮我吗? 提前谢谢!

1 个答案:

答案 0 :(得分:3)

请改用setAttribute('type', '...')。在Chrome上测试..

function func2() {
  if (document.getElementById('field_search').value=="khao_date") {
    document.getElementById('input_search').setAttribute('type', 'date');
  }
  else {
    document.getElementById('input_search').setAttribute('type', 'text');
  }
}
<select id="field_search" name="field_search" size=1 onchange="func2()">
  <option value="khao_date">Date</option>
  <option value="khao_detail">Detail</option>
</select>

<input id="input_search" type="text">