javascript - Jquery自动完成键按下显示标签名称而不是值？

Question

有没有办法强制 jQueryUI 自动完成显示数据标签而不是数据值:

例如

[{"label":"name","value":"1"},{"label":"name3","value":"6"},{"label":"name1","value":"8"},{"label":"name2","value":"10"}]

$( ".auto-search" ).autocomplete({
    minLength: 2,
    dataType: 'json',
    source: tempJson,
    focus: function(event, ui){
        $('input[name="user-name"]').val(ui.item.label);
    },
    select: function (event,ui){
        $('input[name="user-name"]').val(ui.item.label);
        $('input[name="user-id"]').val(ui.item.value);
        return false;
    }
})

上面的代码，当您按下向下按钮时，显示的是值而不是标签。可以更改为显示标签吗？

Answer 1

确保返回 false 或阻止您的 focus 事件处理程序执行该事件的默认操作:

focus: function(event, ui){
    event.preventDefault();
    $('input[name="user-name"]').val(ui.item.label);
},