时间戳

首页 > 解决方案 > 如何使用javascript从datalist中的特殊属性获取数据？

javascript - 如何使用javascript从datalist中的特殊属性获取数据？

问题描述

我想获取“opt_id”中的数据。当我使用selelct标签 insted of时，相同的代码也有效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>

标签： javascripthtmldatalisthtml-datalist

解决方案

在您的get_data变量中的脚本标记中，document.getElementById()您拼错了id- 而不是select_opt您写的select_op.

推荐阅读