datalist 如何判断输入是否是选项之一

Question

我想知道为什么我 select 2 带有 select 标签它在控制台中返回 true。 但是每当我在数据列表中的 select 2 时，它都会在控制台中返回 false 。

简而言之，我需要数据列表来返回 tru。 我需要它是真的，这样当用户输入输入时，我可以确保用户输入了我想要的选项（下拉菜单选项之一）

 function castvote() { var selected = document.getElementById('vote'); console.log("Chrome" in selected); }

 <input list="vote" onchange="castvote()" id="voteInput"> <datalist id="vote" > <option value="Chrome"> </datalist> <label>Choose a browser from this list: <input id = "a" list="browsers" name="myBrowser" style="width: 400px;" onclick="test()" /></label> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> <option value="Microsoft Edge"> </datalist>

Answer 1

你应该试试这个。 我只是将（ .children ）放在getElementById()以获取 datalist 的所有子项，并将onChange() function 放在输入标签上。

       <input list="vote" onchange="castvote()" id="voteInput">
        <datalist id="vote" >
            <option value="2">
            <option value="3">
            <option value="4">
            <option value="5">
            <option value="6">
        </datalist>

        <script>
        function castvote() {
            var datalist = document.getElementById('vote').children;
            console.log("2" in datalist);
        }
        </script>