رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
وابستگی دو DropDown با استفاده از Ajax؟
#1
سلام
می خواهم با انتخاب یک استان از Drop1 ، شهرهای مربوط به آن در Drop2 به صورت ajax نمایش داده شود.
این فایل های بنده هست :
[عکس: joomlaforum.ir_14857816561.png]

و این بانک و جداول :
[عکس: joomlaforum.ir_14857817401.png]

کدهای فایل index.php :
<?php include('config.php'); ?>
<html>
<head>
<title>Bingo</title>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
function State(){
$('#statedd1').empty();
$('#statedd1').append("<option>Loading...</option>");
$('#districtdd1').append("<option value='0'>--Select District--</option>");
$.ajax({
type:"POST",
url:"states_drop.php",
contentType:"application/json; charset=utf-8",
dataType:"json",
success: function(data){
$('#statedd1').empty();
$('#statedd1').append("<option value='0'>--Select State--</option>");
$.each(data,function(i,item){
$('#statedd1').append('<option value="'+data[i].id+'">'+data[i].name+'</option>');
});
},
complete:function(){

}
});

}

$(document).ready(function()){
State();
$("#statedd1").change(function()){
var stateid=$("#statedd1").val();
District(stateid);
});
});

</script>

</head>


<body>
<span>States</span>
<select id="statedd1"></select>
<span>Districts</span>
<select id="districtdd1"></select>
</body>

</html>


کدهای فایل states_drop :
<?php

include ('config.php');
$sql=mysql_query("SELECT * FROM `states`");
if(mysql_num_rows($sql)){
  $date=array();
  while ($row=mysql_fetch_array($sql)) {
  $data[] = aaray(
   'id' => $row['s_id'],
   'name' => $row['s_name']
  );
  }
  header('Content-type: application/json');
  echo json_encode($data);
}

?>

کدهای فایل districts_drop :
<?php

include ('config.php');
$sql=mysql_query("SELECT * FROM districts WHERE d_s_id='".$GET["sid"]."'");
if(mysql_num_rows($sql)){
  $date=array();
  while ($row=mysql_fetch_array($sql)) {
  $data[] = aaray(
   'id' => $row['d_id'],
   'sid' => $row['d_s_id'],
   'name' => $row['d_name']
  );
  }
  header('Content-type: application/json');
  echo json_encode($data);
}

?>


نتیجه :
[عکس: joomlaforum.ir_14857819191.png]

تشکر.
پاسخ
تشکر شده توسط:




کاربران در حال بازدید این موضوع: 1 مهمان