saya rasa dengan autocomplete cara yang paling mudah dijelaskan, pertama download jquery di jquery.com dan jqueryui di jqueryui.com. Kemudian buat file untuk mencari data sesuai dengan yang diinput di textbox ke-4, misal file text4.php
<?php
//file text4.php
// misal data akan diambil dari table product
//kolom5 ke textbox 5, kolom6 ke textbox 6 dst...
$nilaiText4 = $_GET['term'];
$sql = "select * from product where kode_product like '%$nilaiText4%'"; //sesuaikan dengan tabel kamu
$hs = mysql_query($sql);
$json = array();
while($product = mysql_fetch_array($hs)){
$product['label'] = $product['kode_product'];
$product['value'] = $product['kode_product'];
$json[] = $product;
}
header("Content-Type: application/json");
echo json_encode($json);
kemudian diform yang kamu buat:
<html>
<head>
<!-- jquery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- jquery ui -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<!-- css jquery ui -->
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css"/>
</head>
<body>
<form name="form1" action="" method="post">
.... input yang lain
Text 4: <input name="text4" id="text4" type="text"/>
Text 5: <input name="text5" id="text5" type="text"/>
Text 6: <input name="text6" id="text6" type="text"/>
Text 7: <input name="text7" id="text7" type="text"/>
Text 8: <input name="text8" id="text8" type="text"/>
</form>
<!-- autocomplete -->
<script type="text/javascript">
$(document).ready(function(){
$("#text4").autocomplete({
minLength:0,
source: "text4.php",
select: function( event, ui ) {
$( "#text5" ).val( ui.item.kolom5 ); // sesuikan dengan nama kolom
$( "#text6" ).val( ui.item.kolom6 );
$( "#text7" ).val( ui.item.kolom7 );
$( "#text8" ).val( ui.item.kolom8 );
}
});
});
</script>
</body>
</html>