javascript - 如何通过javascript在datalist上使用onchange函数？

Question

我想在更改 datalist 时获取选定的 datalist 属性值，我的问题完全不同，因为我希望我的代码在 javascript 中而不是在 jquery 中。

function get_data() {
  var sel = document.getElementById("data");
  var get_value_of_selected_datalist = sel.getElementsByTagName("option")[sel.selectedIndex].getAttribute("value");
  alert(get_value_of_selected_datalist);
}

<datalist id="data" onchange="get_data()">
    <option value="one">Option 1 Here</option> 
    <option value="two">Option 2 Here</option>
</datalist>

标签： javascript

Answer 1

function get_data(){
  var val = document.getElementById("data1").value;
  alert(val);
}

<input id="data1" list="data" onChange="get_data()">
<datalist id="data">
    <option value="one">Option 1 Here</option> 
    <option value="two">Option 2 Here</option>
</datalist>