Javascript 从数据列表中选择的视图选项

我想选择用户从数据列表中选择的选项。这就是我所拥有的：

<input type="text" name="my-input" class="searchBar" list="my-list">          
  <input id="clickMe" type="button" value="clickme" onclick="handleSelect();" />
  <datalist id="my-list">
        <option value="COMP232"></option>
        <option value="COMP248"></option>
        <option value="ENGR201"></option>
  </datalist>   

当我提交时，控制台响应未定义。这里有什么问题？

您可以为输入分配一个id，并在单击按钮时获取id值。

---

您的代码应该是这样的

<script>
function handleSelect(){
    var elment = document.getElementById("selectedValue").value;
    console.log(elment);    
}

</script>
<input id="selectedValue" type="text" name="my-input" class="searchBar" list="my-list">
<input id="clickMe" type="button" value="clickme"
    onclick="handleSelect();" />
<datalist id="my-list">
    <option value="COMP232"></option>
    <option value="COMP248"></option>
    <option value="ENGR201"></option>
</datalist>

---

嗨，当我添加这个命令时，它可以在本地主机上工作，但不能联机，为什么？window.location=./class/+elm.toUpperCase+.php；

<input id= "inp" type="text" name="my-input" class="searchBar" list="my-list">          
<input type="button" value="clickme" onclick="handleSelect();" />
                      <datalist id="my-list">
                            <option value="COMP232"></option>
                            <option value="COMP248"></option>
                            <option value="ENGR201"></option>
                      </datalist>  

var elm = document.getElementById("inp").value;

<script>
function handleSelect(){
    var elment = document.getElementById("selectedValue").value;
    console.log(elment);    
}

</script>
<input id="selectedValue" type="text" name="my-input" class="searchBar" list="my-list">
<input id="clickMe" type="button" value="clickme"
    onclick="handleSelect();" />
<datalist id="my-list">
    <option value="COMP232"></option>
    <option value="COMP248"></option>
    <option value="ENGR201"></option>
</datalist>