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

AOT_LD 发表于 Dev

AOT_LD

我正在尝试根据选项值更改输入类型。

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

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

但是它并没有改变。有人能帮我吗？提前致谢！

莫什·费

使用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">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。