自動完成jQuery的多個字段onchange或tab事件

Question

所以，我在我的php頁面中有這個jquery代碼，它從mysql表中獲取數據：

$(function() {
    $("#tracking_num").autocomplete({
        source: "func/populate.php",
        minLength: 2,
        select: function(event, ui) {
            $('#name').val(ui.item.name);
            $('#particulars').val(ui.item.particulars);
            $('#remarks').val(ui.item.remarks);
            $('#location').val(ui.item.location);
        }
    });
});

我很挑戰將數據立即放入字段而不從下拉框中選擇它。 你們有什么想法嗎？ 這是我的func / populate.php文件：

$return_arr = array();

$fetch = mysql_query("SELECT * FROM tbl_document WHERE tracking_number = '" . mysql_real_escape_string($_GET['term']) . "' ORDER BY id DESC LIMIT 1");

while ($row = mysql_fetch_array($fetch) ) {
    $row_array['name'] = $row['name'];
    $row_array['particulars'] = $row['particulars'];
    $row_array['remarks'] = $row['remarks'];
    $row_array['location'] = $row['location'];
    $row_array['value'] = $row['tracking_number'];

    array_push($return_arr,$row_array);
}

mysql_close();

echo json_encode($return_arr);

Answer 1

你有沒有嘗試過 ：

$(function() {
    $("#tracking_num").autocomplete({
        source: "func/populate.php",
        minLength: 2,
        create: function(event, ui) {
            $('#name').val(ui.item.name);
            $('#particulars').val(ui.item.particulars);
            $('#remarks').val(ui.item.remarks);
            $('#location').val(ui.item.location);
        }
    });
});

？