HTML选择未从键盘输入中选择正确的选项答案

【问题标题】：HTML select not selecting correct option from keyboard inputHTML选择未从键盘输入中选择正确的选项
【发布时间】：2021-09-10 21:08:16
【问题描述】：

我有以下 HTML

<select name="mySelect">
    <option></option>
    <option>431</option>
    <option>444</option>
    <option>489</option>
</select>

当我点击下拉菜单并手动输入 489 或 431 时，选择了正确的选项。但是当我输入 444 时，出于某种原因选择了 489 选项。我在 Google Chrome、Edge 和 Brave 中得到了相同的行为。

有没有办法修改这种行为？

【问题讨论】：

当你点击 4 时，它会选择以 4 开头的第一个项目，当你点击它两次时，它会选择第二个，依此类推。所以点击 4 三次不会选择 444 而是选择以 4 开头的第三个元素（489）
谢谢，这就是我想要理解的。这更有意义

标签： html forms google-chrome microsoft-edge

【解决方案1】：

使用数据列表：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

    <input list="numbers" />
    <datalist id="numbers">
        <option value="431"></option>
        <option value="444"></option>
        <option value="489"></option>
    </datalist>

【讨论】：