Daha önce bir projemde kullandığım arama formunu sizler ile paylaşmak istiyorum. İşine yarayan arkadaşlar olacaktır.

Öncelikle demo adresimiz http://www.berkaysungur.com.tr/demo/dinamik-arama/

Bu form aracılığıyla ülkemiz ilçeleri arasında arama yapabilirsiniz. Örnek olarak ayva kelimesini arattığımda aldığımız sonuçlar

olacaktır. Başlarındaki rakamlar plakaları temsil etmektedir.

Kodlarımız,
test.php dosyamız

							    <label class="control-label" for="inputFirstName"><b>Aranacak Kelime:</b></label>
							      <input type="text" id="inputFirstName" name="arama" placeholder="Arama metni">
								  <h1>Sonuçlar</h1>
							      <span id="arama-kontrol" class="help-inline"></span>
								  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		/* Aranan değer */
		$("input[name='arama']").keyup(function(){
			/* Değeri alıyoruz */
			var deger = "arama="+$(this).val();
			/* Aldığımız değeri POST ediyoruz */
			$.ajax({
				type: "POST",
				url: "test_ajax.php?s=arama",
				data: deger,
				/* Gelen cevabı ekrana bastırıyoruz */
				success : function(cevap){
					$("#arama-kontrol").show().html(cevap);
				}
			});
		})
	});
</script>

test_ajax.php dosyamız

<?php
// Config dosyamız
	include ('config.php');
// Gelen değeri alıyoruz
	$par = $_GET["s"];
	
	Switch($par){
// Gelen değeri kontrol ediyoruz
				case "arama";
// Veri tabanı aramasını yapıyoruz
					$arama = mysql_real_escape_string($_POST["arama"]);
					$sorgu = mysql_query ("Select * from ilceler where isim like '%$arama%'");
// Ekrana bastırıyoruz
					while ($row = mysql_fetch_array($sorgu)){
					echo '<tr><td style="width:50px">'.$row['plaka'].'</td><td style="width:200px">'.$row['isim'].'</td></tr>';
					}
		break;			
 }
?>

Dosyaları buradan indirebilirsiniz

Kendiniz istediğiniz şekilde geliştirip kullanabilirsiniz.