如何解决如何使用javascript从datalist中的特殊属性获取数据？
我想获取“opt_id”中的数据。
当我使用 selelct 的 datalist 标签插入时，相同的代码有效。
我的代码如下所示：
var get_data = document.getElementById("select_opt");
var dataIndex = get_data.options[get_data.selectedindex].getAttribute("opt_id");<input id="optio_lists" list="options" placeholder="Search...">
<datalist id="select_opt">
<option opt_id="0" label="Cricket">Cricket</option>
<option opt_id="1" label="Football">Football</option>
<option opt_id="2" label="Tennis">Tennis</option>
<option opt_id="3" label="Basketball">AKITA</option>
</datalist>解决方法
在 get_data 处的 document.getElementById() 变量中的脚本标记中，您拼错了 id - 您写的是 select_opt 而不是 select_op。
数据列表只是数据的来源，与选择框不同。因此 selectedIndex 属性在这里没有意义。
查看此链接了解更多详情 - Is there a SelectedIndex for an HTML5 DataList?
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
