jQuery：使用自动完成功能将值添加到两个字段，而不是一个

Question

我想使用jQuery的自动填充插件在选择自动填充值之一时填充两个字段，而不是两个字段-乐队的名称已在#band输入字段中输入，但是乐队的url（如果存在）也应自动填充选择乐队名称时将其添加到#url输入字段中。

现在，我只是在外部php文件中有一个不太漂亮的列表，自动完成程序从中获取它的值：

            $bands_sql = "SELECT bands.name, bands.url
            FROM bands
            ORDER BY name";
            $bands_result = mysql_query($bands_sql) or print (mysql_error());
            while ($bands_row = mysql_fetch_array($bands_result)) {
                $band_name = $bands_row['name'];
                $band_url = $bands_row['url'];

                echo $band_name."\n"; #needs to be replaced with an array that holds name and url
            }

我的自动完成功能看起来是非常基本的atm，但是由于我是jQuery的初学者（对于PHP数组也很无知），我不知道如何告诉它填充两个字段而不是一个字段。

                $(document).ready(function() {
                    $("#band").autocomplete('/autocomplete-bands.php');
                 });

那有可能吗？

Answer 1

一定要检查使用结果哈德勒，以便一旦做出选择就可以做自己想做的事

Answer 2

这是您要寻找的示例：

$("#band").autocomplete('/autocomplete-bands.php').result(function(event, data, formatted) {
    if (data)
        $('#url').(data['url']);
    else {
        // no data returned from autocomplete URL
    }
});

我对php不太了解，但是无论返回的数据格式如何，都应将它们放置在data['url']当前所在的位置，以便填充#url输入。

Answer 3

我不知道您正在使用的特定插件，但是我会使用jQuery UI的自动完成小部件而不是第三方插件。