无法获取数据列表中项目的值

Cannot fetch the value of items in datalist

本文关键字：项目 列表 获取 数据      更新时间：2024-06-05

代码如下：

HTML部分：

<div style="display:table-cell;" id="page-wrapper" >
<label for="default">Search for GST : </label>
<input type="text" id="default" list="widget_for" placeholder="Type to search for GST">
<datalist id="widget_for" name="widget_for" >
{% for list in opt_list %}
    <option value="{{list.name}}" size="5" > </option>
{% endfor %}
</datalist>    
</div>

脚本部分：

function NavigateToSite(){
    var selectedValue = document.getElementById('widget_for').value
    console.log(selectedValue)
}

按下按钮时调用NavigateToSite()。

我无法获取变量selectedValue中的值。它空着回来了。

您应该选择#default元素的值：

function NavigateToSite(){
  var selectedValue = document.getElementById('default').value
  console.log(selectedValue)
}
相关文章：