Question

代码如下：

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中获取值。它返回空了。

Answer 1

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

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

无法获取datalist中的项的值

1 个答案: