Javascript 无法获取datalist中项目的值

代码如下：

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>

按下按钮时将调用

NavigateToSite（）

---

我无法获取变量

selectedValue

中的值。其返回为空。

您应该选择

#default

元素的值：

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

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