index.htm 

＜script type="text/javascript" src="javascripts/prototype.js">＜/script> 

＜script type="text/javascript" src="javascripts/autoassist.js">＜/script> 

＜link rel="stylesheet" type="text/css" href="styles/autoassist.css"/> 

＜div> 

＜input type="text" name="keyword" id="keyword"/> 

＜script type="text/javascript"> 

Event.observe(window, "load", function() { 

var aa = new AutoAssist("keyword", function() { 

return "forCSV.php?q=" + this.txtBox.value; 

}); 

}); 

＜/script> 

＜/div> 

forCSV.php

＜?php 

$keyword = $_GET['q']; 

$count = 0; 

$handle = fopen("products.csv", "r"); 

while (($data = fgetcsv($handle, 1000)) !== FALSE) { 

if (preg_match("/$keyword/i", $data[0])) { 

if ($count++ > 10) { break; } 

?> 

＜div onSelect="this.txtBox.value='＜?php echo $data[0]; ?>';"> 

＜?php echo $data[0]; ?> 

＜/div> 

＜?php 

} 

} 

fclose($handle); 

if ($count == 0) { 

?> 

: (, nothing found. 

＜?php 

} 

?>