How to disable jquery ui combobox?

Question

I use standard code taken from this page and try to disable combobox:

$( "#cbCountry" ).combobox({ disabled: true });

But it is still enabled. What is wrong here?

Answer 1

Easy modification to combobox library to use:

$("#cbCountry").combobox('disable');
$("#cbCountry").combobox('enable');

In your combobox.js file add:

in _create: function() add local variable "a" (after var input, a ...).

Change input = $("<input>") to input = this.input = $("<input>").

Change a = $("<a>") to a = this.a = $("<a>").

Insert after destroy:

disable: function() {
    this.input.prop('disabled',true);
    this.input.autocomplete("disable");
    this.a.button("disable");
},
enable: function() {
    this.input.prop('disabled',false);
    this.input.autocomplete("enable");
    this.a.button("enable");
}