如何在datalist标签中获取自选索引的文本

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不是选择标记，两者是不同的。

Answer 2

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

    alert(a);
});

或

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

Answer 3

您可以使用此函数获取datalist的值。

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

这是工作的链接