Question

使用keyup keydown从自动填充列表中选择选项时，textbox显示值。但是从鼠标中选择它可以正常工作。 JsFiddle - http://jsfiddle.net/0c21r1pe/1

$("#promoteActionTextBox").autocomplete({
        source: actionNames,
        minLength: 0,
        select: function (event, ui) {
            event.preventDefault();
            $(this).val(ui.item.label);
            $('#promoteActionError').hide();
            $(this).attr('actionId', ui.item.value);
        },
        change: function (event, ui) {
            if (!ui.item) {
                $(this).val('');
            }
            else {

                $('#promoteActionError').hide();
                $(this).val(ui.item.label);
                $(this).attr('actionId', ui.item.value);
            }
        }
    }).focus(function (event, ui) {
        event.preventDefault();
        $('#promoteActionTextBox').autocomplete("search");
        this.value = ui.item.label;
    });

Answer 1

将对象属性名称从value更改为其他内容并且可以正常工作

WORKING DEMO

<强>更新

THIS FIDDLE

怎么样？

我添加了一个代码，用于删除导致该效果的事件。

create:function(){
    $('.ui-autocomplete').unbind('menufocus');
}

Answer 2

# This is just a random example that I generated myself.
locations = (
    {
        "location_id": 1234,
        "location_name": "Spain",
    },
    {
        "location_id": 5678,
        "location_name": "France",
    }
)

areas = [] # Initialize a list if you haven't.

for location in locations:
    areas.append(location["location_name"])

与标签值一起使用时，Jquery Ui AutoComplete无法使用keyup / down

2 个答案: