kann nicht den Wert der Elemente in Datalist

Question

holen Der Code ist als unten:

HTML-Teil:

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

Script Teil:

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

NavigateToSite() wird aufgerufen, wenn die Taste gedrückt wird.

Ich kann Wert in Variable selectedValue nicht abrufen. Seine Rückkehr ist leer.

Answer 1

Sie sollten Wert von #default Element ausgewählt werden:

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