Jquery Autocomplet get data in database - php

Question

Im create pop up form add item and create jquery autocomplete
I'm already done jquery autocomplete in my form, but i want
when i write item_name
example : Laptop
form brands, type/seri, serial also appears
Laptop (item_name)
Dell (brands)
Dell Inspirion (Seri or Type)
1239196 (Licensi)
i Confused, because i write item name,
form brands, seri, licensi also show value in form item name
Screenshot
This is my code
<script type='text/javascript'>
function add_item()
{
//alert("tes");
var content = '<div id="dialog_user_add" title="Add Data">';
content += ' <table width="100%">';
content += ' <tr>';
content += ' <td>Item</td>';
content += ' <td>:</td>';
content += ' <td><input style="width:100%"type="text" name="txt_item" id="txt_item" value="" class="text ui-widget-content ui-corner-all" /></td>';
content += ' </tr>';
content += ' <tr>';
content += ' <td>Brand</td>';
content += ' <td>:</td>';
content += ' <td><input style="width:100%"type="text" name="txt_brand" id="txt_brand" value="" class="text ui-widget-content ui-corner-all" /></td>';
content += ' </tr>';
content += ' <tr>';
content += ' <td>Type / Seri</td>';
content += ' <td>:</td>';
content += ' <td><input style="width:100%"type="text" name="txt_seri" id="txt_seri" value="" class="text ui-widget-content ui-corner-all" /></td>';
content += ' </tr>';
content += ' <tr>';
content += ' <td>Serial Number</td>';
content += ' <td>:</td>';
content += ' <td><input style="width:100%"type="text" name="txt_number" id="txt_number" value="" class="text ui-widget-content ui-corner-all" /></td>';
content += ' </tr>';
content += '</div>';
$("#txt_item").autocomplete("get_item.php",{
width: 260,
matchContains: true,
max: 50
});
$( "#txt_item" ).focusout(function() {
data = $("#txt_item").val();
$("#txt_brand").val(data);
$("#txt_seri").val(data);
$("#txt_number").val(data);
});
}
</script>
get_item.php
<?php
require_once "conection.php";
$q = strtolower($_GET["q"]);
if (!$q) return;
$sql = "select item_name,pnx_licensing_freq,pnx_manufacturing,pnx_equipment_type from item where item_name LIKE '%$q%' limit 50 ";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd)) {
// $cname = $rs['site_id']." / ".$rs['site_name']." - ".$rs['area'];
$cname = $rs['item_name']; //item name
$cname2 = $rs['pnx_manufacturing']; //brand
$cname3 = $rs['pnx_licensing_freq']; //licensi
$cname4 = $rs['pnx_equipment_type']; //type or seri
echo "$cname\n";
} ?>
Help me thank's :)

Answer 1

This function
$( "#txt_item" ).focusout(function() {
data = $("#txt_item").val();
$("#txt_brand").val(data);
$("#txt_seri").val(data);
$("#txt_number").val(data);
});
Copying the #txt_item value to #txt_brand #txt_seri #txt_number that's why item name autocomletes to all of them, because when you type item_name you focused when auto complete happens.
If you don't need to copy the value of text field to other fields, just remove this function.