javascript - Jquery UI 自动完成组合框禁用输入

Question

我目前正在使用 Jquery-UI 自动完成插件 combobox实现，但我更改了脚本，使插件添加的输入元素被禁用(用户无法在输入中写入，他只能单击按钮以查看选项)，如下所示:

$.widget("ui.combobox", {

_create: function () {
    var self = this,
                    select = this.element.hide(),
                    selected = select.children(":selected"),
                    value = selected.val() ? $.trim(selected.text()) : "";
    var input = this.input = $("<input>")
                .attr("name", select.attr("name"))
                .attr('disabled', true)
                .insertAfter(select)
                .val(value)
                .autocomplete({ .......

可能是因为输入被禁用，在我通过单击空白区域或单击另一个组合框失去焦点后组合框不会隐藏(输入元素具有模糊事件处理程序，但它不会触发).

有没有办法在禁用的输入元素上设置模糊事件，或者在用户想要失去焦点时以任何方式隐藏组合框？

Answer 1

我会稍微重新考虑一下您的策略。自动完成不适用于 disabled 输入。相反，我会使用 readonly。替换:

.attr("disabled", true)

与:

.attr("readonly", true)

您将在 input 中获得光标，但满足您的原始要求。

示例: http://jsfiddle.net/S77xa/1/