jquery-ui - 如何允许仅使用 jquery ui 组合框选择预定义的选项？

Question

Here是我当前的 jquery ui 组合框。它使用远程数据源。
Here是对标准组合框应用相同的方法。但我不确定如何在我的情况下应用它。

Answer 1

只需使用 change事件看是否ui.item被定义为:

/* snip */
change: function (event, ui) {
    if (!ui.item) { 
        this.value = 'Any City';
    }
}

更新示例: http://jsfiddle.net/FL7Nx/

根据您下面的评论，如果您想动态确定默认值应该返回什么，您可以将该值分配给小部件 _create 中的选定选项。方法:

_create: function() {
    var self = this,
        select = this.element.hide(),
        selected = select.children(":selected"),
        value = selected.val() ? selected.text() : "",
        defaultValue = value;

然后稍后在 change功能:

change: function (event, ui) {
    if (!ui.item) { 
        this.value = defaultValue;
    }
}

更新示例: http://jsfiddle.net/jmdx4/