11-11-1395، 05:42 ب.ظ
سلام
می خواهم با انتخاب یک استان از Drop1 ، شهرهای مربوط به آن در Drop2 به صورت ajax نمایش داده شود.
این فایل های بنده هست :
و این بانک و جداول :
کدهای فایل index.php :
کدهای فایل states_drop :
کدهای فایل districts_drop :
نتیجه :
تشکر.
می خواهم با انتخاب یک استان از Drop1 ، شهرهای مربوط به آن در Drop2 به صورت ajax نمایش داده شود.
این فایل های بنده هست :
و این بانک و جداول :
کدهای فایل 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); } ?>
نتیجه :
تشکر.