如何獲取文本Selcted指數在數據列表標籤

Question

我想用純JS

這裏option標籤內的文字是我的HTML

<input list="in" name="i_n" class="form-control" placeholder="Enter Item Name" required> 

<datalist id="in" onChange="rate(this)"> 

    <option value='value'>Inner Text</option> 

</datalist> 

這裏是我的腳本

function rate(sel) 
{ 
     var a=sel.options[sel.selectedIndex].text; 
     alert(a); 
} 

而且控制檯中沒有消息。

Answer 1

您使用Datalist中迷途！.. DataList控件不選擇標籤兩者是不同的。

Answer 2

$('#in option').each(function(index) { 
    var a = $(this).text(); 

    alert(a); 
}); 

OR

$("#in option:selected").text() 

Answer 3

您可以使用此函數來獲取DataList控件的值。

document.getElementById('int').addEventListener("change",function() { 
    var g=this.value; 
    alert(g); 
}); 

這裏是工作Link