jquery自动完成获取所选项目文本

jquery autocomplete get selected item text

本文关键字：选项 项目 文本 获取 jquery      更新时间：2023-09-26

我想知道如何在jquery自动完成中获取所选项目的文本值。

我已经初始化jquery如下：

$(document).ready(function (){
    $("input#autocomplete").autocomplete({
        source: postcodelist,
        select: function (event, ui) {
            AutoCompleteSelectHandler(event, ui)
        }
    });
});

我创建了一个函数AutoCompleteSelectHandler（event，ui）｛｝。

在这个函数中，我想进行一些额外的处理，将数据输入到正确的文本框中，但我不知道如何获取所选项目的文本值。

我在谷歌上搜索了一些，并尝试了一些例子，但我似乎无法让它发挥作用。

任何帮助都将不胜感激。

非常感谢提前。

ui参数具有item属性，其中包含选定文本

function AutoCompleteSelectHandler(event, ui)
{               
    var selectedObj = ui.item;              
    alert(selectedObj.value);
}

来源：http://jqueryui.com/demos/autocomplete/#event-选择转到选项卡"事件"，然后选择事件"选择"

// list of clients
        $( "#client" ).autocomplete({
        source: "lib/getClientList.php",
        minLength: 2,
        select: function(event, ui) {
            alert(ui.item.value);
             }
        })

ui.item.value是jquery用来为输入赋值的引用

您不需要应用匿名函数作为包装，您可以直接传递函数ref.

$(document).ready(function (){
   $("input#autocomplete").autocomplete({
        source: postcodelist,
        select: AutoCompleteSelectHandler
    });
});

在该方法中，您可以访问this或event.target来获得当前值，这两个值都引用了输入元素：

function AutoCompleteSelectHandler(event, ui) {
    alert( $(event.target).val() );
    alert( $(this).val() );
    // alert( this.value );
}

您只需从输入中获取值，就像用户在自己中键入值一样：

$('input#autocomplete').val()
相关文章：