如何在 JavaScript 函数中访问二维数组的值（由 jquery 自动完成中的 php 文件返回）？

Question

我认为这很简单，但我无法解决它。
这是 JQuery：

$( "#tut_search" ).autocomplete({
    minLength: 2,
    source: "PHP_Code/MyAjax.php?page=tut_search_ac"
});

这是将二维数组返回到 JQuery 自动完成的 php 脚本：

$keyward = $_REQUEST['term'];
$query = "SELECT title FROM tutorial WHERE title LIKE '%$keyward%' ORDER BY title";
$rs = mysql_query($query) or die(mysql_error()." in query $query");
if($rs)
{
    while($row = mysql_fetch_array($rs))
    {
        $contents[] = array( "label" => $row['id'], "value" => $row['title'], "detail" => $row['text'] );
    }
}   
echo json_encode($contents);

这是我自己创建的 JavaScript 函数。我想在每个自动完成列表项的 onclick 上调用它：

//This function should be called when autocomplete list item is clicked or selected
function loader(label, value)
{
    //Here I want to perform processing on `label` which is actually an id & returned by php script

    //Here I want to perform processing on `value` which is also returned by php script
}

这是我的两个要求：

1. 我想在任何时候调用函数loader(label, value) 自动完成列表项被单击或选择。
2. 我还想在loader(laber, value) 函数中访问label 和value 的值。
   (label 和 value 是两个不同的值 我在 php 脚本中返回）。

请给我一些解决方案来完成以上两个任务。
提前谢谢你。

Answer 1

使用 jQueryUI Autocomplete 的 select 属性调用您的函数。

// on autocomplete initialization
$( "#tut_search" ).autocomplete({
    minLength: 2,
    source: "PHP_Code/MyAjax.php?page=tut_search_ac",
    select: function(event,ui){}
});

// or after initialization
$( "#tut_search" ).on( "autocompleteselect", function( event, ui ) {} );

您可以从ui.item.label 和ui.item.value 访问标签和值属性，也就是说我会在函数(event,ui){//here} 中调用您的函数并从那里传入参数