在模糊事件上获取jquery自动完成选定值

时间:2014-03-30 10:19:24

标签: javascript jquery html5 jquery-ui autocomplete

我的文本框具有自动完成功能,我将autoFocus属性设置为true

$( "#stateList" ).autocomplete({ autoFocus: true });

在给出上述属性后,我的stateList自动完成框获取第一个值,并在用户点击输入键或制表键时填充。

当" stateList"上有模糊事件时,我一直在尝试实现相同的功能。文本框,将自动选择首先列出的值。

我的代码在这里,没有调用blur事件 http://jsfiddle.net/c6sWw/168/

2 个答案:

答案 0 :(得分:0)

试试这个:

$("#stateList").bind('autocompletechange', function(event, ui) {
    alert(ui.item.value);
});

<强> DEMO

答案 1 :(得分:0)

$( "#stateList" ).autocomplete({
    autoFocus:true,
    source: states,
    open: function( event, ui ) {
        var firstElement = $(this).data("autocomplete").menu.element[0].children[0]
           , inpt = $('#stateList')

           , firstElementText = $(firstElement).text();
            inpt.val(firstElementText)


    }

})
jsfidle http://jsfiddle.net/c6sWw/170/

上的

已解决

参考jquery autocomplete auto fill field with 1st value and highligh added part