Javascript 如何获取datalist标记中所选索引的文本

我想要带有纯js的

选项

标记的内部文本

这是我的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>

控制台中没有消息

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

    alert(a);
});

或

---

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

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

---

这是您使用Datalist的错误方法的工作原理！

！。。

---

DataList不是select标记，两者都不同。

您在HTML中的函数名为

cost（）

，在JS中的函数名为

rate（）

。你什么时候调用它？谢谢！但问题仍然是sameThank，但我必须使用纯JS而不是Jquery@Premthaqar您应该编辑您的问题以注意这一点。谢谢！！但是我必须使用纯Js。我想要一个内部文本，而不是值

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

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