JQuery UI 组合框禁用

Question

我希望这不是一个重复的问题。我在 Stackoverflow 上进行了足够的搜索，找到了我最简单问题的答案。

我有一组单选框，根据单选框的值，我需要禁用/启用用户从组合框中选择一个。

无论我做什么，我都无法将组合框设置为只读或禁用。我通过直接将 JQueryUI 链接到 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js 来使用它。 。将普通组合框制作为 jQuery 的代码如下:-

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

我尝试了网上不同地方指定的不同方法。似乎没有任何作用。

Answer 1

轻松修改组合框库以使用:

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

在您的combobox.js 文件中添加:

1. 在_create: function()中添加局部变量“a”(在var输入之后，a， ...)。
2. 更改input = $("<input>")至input = this.input = $("<input>") .
3. 更改a = $("<a>")至a = this.a = $("<a>") .
4. 在销毁函数之后插入:

--

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");
}