将文本字段设为选择框

Question

当我们单击下拉菜单时，我们看不到光标，我们只看到带有值的整个框被选中，我们可以对文本字段执行相同的操作，因为在文本字段中我看到光标闪烁。

如果感到困惑，请参阅图片。 ：D

Answer 1

您的意思是要禁用文本输入字段吗？ （这就是我能想到的）。试试这个：

<input type="text" disabled="true" />

你想实现什么目标？

编辑：只读：

<input type="text" value="Some value" readonly="readonly" />

我认为这就是您正在寻找的。只读，没有焦点。

<input type="text" value="Some value" onfocus="this.blur()" readonly="readonly" />

编辑3，解决选项卡索引问题：

Previous field: <input type="text" tabindex=1/>
Disabled field: <input type="text" value="Some value" onfocus="this.blur()" readonly="readonly" />
Next Field:     <input type="text" tabindex=2/>

Answer 2

您应该使用 jQuery UI 的自动完成：

http://jqueryui.com/demos/autocomplete/#combobox

Answer 3

如果您不想使用任何 JavaScript 框架，您可以创建自己的 Java 脚本代码来进行自动完成。请查看本页中的示例 -->
AutoComplete 文本框自动完成