無法在數據列表

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) 
}