如何通过jquery发送变量

Question

我刚刚通过 jquery 创建了一个自动完成文本框，现在我遇到了两个问题。

1) 我需要从自动完成列表中获取所选项目的值。

到目前为止，我做了这些..

我的 jquery

$(document).ready(function(){
$("#tag").autocomplete("autocomplete.php", {
    selectFirst: true

});
});

我正在从数据库中获取自动完成列表，它工作正常，但问题是

2) 当我输入“r”时，所有带有值的名称都会被填充，如果我从列表中选择说 Robin 并尝试用警报显示它，我只会得到“r”，（我只输入 r，然后选择列表中的'robin'）为什么会这样？

这是我为此编写的代码

自动完成文本框

  <input name="tags" type="text" id="tag"  value="" onchange= "newfn()" />

在newfn()

<script>
        function newfn()
        {

             authname = document.getElementById("tag").value;

            document.autoquote.qid.value=authname;
            alert(authname);

        }
    </script>

如果我一开始就发出警报

alert("Hi");

然后，我得到第一个警报说你好，我得到的是知更鸟而不是 r

那么获取我从自动完成列表中选择的值的正确方法是什么？

现在我的第二个问题是从这个自动完成文本框中选择的值，我需要将它与另一个 jquery 一起传递到另一个 php 页面，以便我可以在那里获取这个值并在查询中将其作为标准。

Answer 1

因为它不是捕获选择事件http://api.jqueryui.com/autocomplete/#event-select 的方法：

$(document).ready(function(){
    $("#tag").autocomplete("autocomplete.php", {
        selectFirst: true,
        select: function( event, ui ) {
            //Then use "ui" object, for example ui.item.label or ui.item.value                
        }
    });
});

Answer 2

$(".autosearch-smart").autocomplete('autocomplete.php', {
 select: function( event, ui ) {
    // here you can get id and values from the autocomplete list
   // try to debug
     console.log(ui.item.id);
     console.log(ui.item.label);
     console.log(ui.item.value);
}


});

Answer 3

你可以像这样使用自动完成的选择属性

$("#tag").autocomplete('autocomplete.php', {
    selectFirst: true,
    select: function (event, ui) {
        var label = ui.item.label;
        var value = ui.item.value;
        alert(label);
        alert(value)
     // you can write additional javascript code here to make use of these values

    }
 });

请查看jQuery UI documentation 了解更多示例和信息。

这是一个JSFiddle。（请注意，在小提琴中添加了一个额外的源属性来模拟数据集的加载，因为不允许真正的跨域AJAX调用）

Answer 4

$(document).ready(function(){
$("#tag").autocomplete("autocomplete.php", {
    selectFirst: true
    select: function( event, ui ) {
         //check the values in console    
         alert(ui.item.value+" - "+ui.item.value);      
    }
});
});