Jquery Dropdownlist，其中包含与您在文本框中键入内容相匹配的建议

我有一个下拉列表，一个文本框和一个按钮。如果我在文本框中键入一个单词并单击按钮，则下拉列表应根据该单词在文本框中选择列表项

---

例如：如果我键入23，则下拉列表应列出从23开始的项目。

似乎完全符合您的需要，甚至更好。

@GG。使用jQuery UI是一个更好的选择，但这里有一个非常简单的工作模型，不使用UI：

HTML:

---

编辑

下面是一个使用jQuery UI的自动完成功能的新JSFIDLE：

---

编辑

$（'option[selected=“selected”]）.removeAttr（'selected'）

基本上是说，“找到所有选择了属性

且值为
selected
的选项标记（如果有的话），然后删除该属性。”

因此，例如：

<select>
    <option>20</option>
    <option selected="selected">21</option>
    <option>22</option>
    <option>23</option>
</select>


20
21
22
23

将变成这样：

<select>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>
</select>


20
21
22
23

因此，现在当我们让jQuery选择一个新的选项标记时，它不会发生冲突。
您是否尝试过一些方法，如果是，则显示一些代码欢迎使用StackOverflow！一般来说，我们希望那些在这里提问的人在代码方面会有特定的问题——换句话说，您应该自己尝试一些东西，然后带着代码中不起作用的东西来找我们。关于更多的解释，请阅读。传说说StackOverflow是一个你只描述你想要什么的地方，代码神奇地出现在回答部分：OI没有任何开始的想法。它对我有效，也许它的行为不像你期望的那样？我更新了我的答案以实现jqueryui，比如@GG。建议。请您解释代码$（'option[selected=“selected”]”。删除Attr['selected']我将事件更改为onkeyup，那么它对我来说可以正常工作。您的意思是？我将它设置为“execute”当您单击所示问题的按钮时。将设置为自动完成，以便在您单击其中一个自动完成建议时执行。
<select>
    <option>20</option>
    <option selected="selected">21</option>
    <option>22</option>
    <option>23</option>
</select>

<select>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>
</select>