Merhabalar bir siteden aşağıdaki kodları yazıp kendime uyguladım, içerik şöyle ili seçince ilçeleri alttaki listboxta görünüyor. Ama şöyle bir problemim var örneğin İstanbul seçince ilçeleri aşağıda görünüyor saha sonra izmiri seçince bu seferde aşağıda hem İstanbul hemde izmirin ilçelerini gösteriyor önceki seçtiklerinizin üzerine ekliyor. Yardımcı olacak biri varsa şimdiden teşekkür ediyorum.
index.php
ilce_kontrol.php
index.php
Kod:
<?php
include ("ayar3.php");
?>
<!DOCTYPE html>
<html>
<head>
<meta http-*****="Content-Type" **********text/html; charset=windows-1254">
<title>jQuery Select Change Event For Dependent Select Option Field - Demo Preview</title>
<script type= "text/javascript" src="[URL]http://code.jquery.com/jquery-1.7.2.min.js"></script[/URL]>
<script type="text/javascript">
$(function(){
$("ilceler").hide();
$("#iller select").change(function(){
var deger=$(this).val();
var degerler=$("#form1").serialize();
$.ajax({
type:"POST",
[URL="http://forum.shiftdelete.net/"ilce_kontrol.php"]url:"ilce_kontrol.php[/URL]",
data: degerler,
success: function(x){
$("#ilceler").fadeIn('slow');
$("#ilceler select").prepend(x);
}
});
});
});
</script>
</head>
<body>
<!-- Content -->
<div id="content">
<!-- iller -->
<div id="iller">
<form action="" method="post" id="form1">
<select name="il">
<option value="0">Lutfen Secim Yapiniz</option>
<?php
$bul=mysql_query("SELECT * FROM iller");
while($row=mysql_fetch_array($bul)){
$il_id =$row["il_id"];
$il_adi =$row["il_adi"];
echo "<option value="$il_id">$il_adi</option>";
}
?>
</select>
</form>
</div>
<!-- #iller -->
<!-- ilceler -->
<div id="ilceler">
<select name="ilce">
<option value="0">Lutfen Secin</option>
</select>
</div>
<!-- ilceler -->
</div>
<!--#Content -->
</body>
</html>
ilce_kontrol.php
Kod:
<?php
include ("ayar3.php");
if($_POST){
$id=$_POST["il"];
$bul=mysql_query("SELECT * FROM ilce where il_id='$id'");
while($row=mysql_fetch_array($bul)){
echo '<option value="'.$row["ilce_id"].'">'.$row["ilce_adi"].'</option>';
}
}else{
return false;
}
?>