JQuery UI自动完成-如何使输入不可由用户编辑

我有一个输入框。单击输入框时，将显示自动完成源中的所有项目。当用户选择一个项目时，输入框将正确填充。一切正常。。。尽管如此，我仍在尝试更多的东西，但我不知道如何做到这一点。我希望此第一个输入框不可由用户编辑。目前，他可以手动输入一个值。如果我把readonly放在css中，输入就不再是可点击的。。。。所以我不知道该怎么做。哦，顺便说一下，我不想用组合框。输入必须保持为输入。提前非常感谢您的回复。干杯马克

我的html：

<input type="text" id="my-input" />

---

​

您是否尝试过添加HTML只读属性，而不是CSS？以下对我来说很好：

<input type="text" id="my-input" readonly="readonly" />

---

您是否尝试过添加HTML只读属性，而不是CSS？以下对我来说很好：

<input type="text" id="my-input" readonly="readonly" />

忽略按键

$("#my-input").autocomplete({
    source: availableTags,
    minLength: 0
}).click(function() {
    $(this).val("");
    $(this).autocomplete("search");
}).keypress(function(event) {
    event.preventDefault();
});

此处演示->

是否忽略按键

$("#my-input").autocomplete({
    source: availableTags,
    minLength: 0
}).click(function() {
    $(this).val("");
    $(this).autocomplete("search");
}).keypress(function(event) {
    event.preventDefault();
});

此处演示->

最佳解决方案

`

最佳解决方案

`

---

顺便问一下，当它作为一个属性而不是通过css使用时，它是如何工作的？老实说，直到现在我才知道它可以通过css来完成。哈哈。不幸的是，我不能说我喜欢。我的根来自Slavonia HR和英国。为什么它作为一个属性而不是通过css使用时会起作用呢？老实说，直到现在我还不知道css可以做到这一点。哈哈。不幸的是，我不能说我喜欢。我的根来自斯拉沃尼亚HR和英国。谢谢你的帮助。Goran neverthelles提出的解决方案非常适合我的需要，并且代码很少。。。谢谢你的帮助。Goran neverthelles提出的解决方案非常适合我的需要，并且代码很少。。。谢谢你