ajax açılır (ülke, eyalet, şehir) [kapalı]

3 Cevap php

Ben aşağı damla ile bazı işlevleri yapmak için bazı ajax kodu gerekir.

Daha sonra devlet ve şehir, değerleri ülke için üç tablo var.

Ve ben bu değerleri göstermek için üç açılan zorunda

İlk o göstermek gerekir

ülke seçiniz

durumu seçin

şehir seçin

Bu açılan çıkışlar (slect) sırasıyla.

i ilk açılır menüden birleşik devletleri seçtiğinizde

aşağı, ikinci damla o birleşik devletlerin durumlarını göstermek gerekir.

ve yine ben devlet açılan bir durum seçtiğinizde

Bu üçüncü açılır (stad) o devletin şehirleri göstermek gerekir

Ajax ile bunu yapmak istiyorum.

herhangi biri bunu yapmak için bir kod olabilir.

Bana yardım edin lütfen.

Teşekkürler

3 Cevap

1) db 3 tablolar oluşturmak

country table
==============
countryId || countryName

stateTable
=============
stateId || stateName || countryName

city table
=============
cityId || cityName || stateId

2) now create 3 webservices which sends data in json format

3) now on html page create three select box and bind onchange event on each select box (except for city select), that event will send countryId for getStates Webservcie and stateId for getCities webservice. and bind received json states in state select box and cities in city select box

Pek çok şekilde yapılabilir ...

  1. Ilk açılan menü üzerinde bir değişiklik Etkinlik ekle;

Sonra, nasıl ilk menüye ilgili için durumlarını almak için plan ve cityes ikinci biri ile ilgili mi?

Bir veritabanında mı? Ya da bir js dizi (json?)?

Onlar veritabanında iseniz, dizi kullanın, başka .. ajax istekleri ile gitmek.

Bu sırt için çok eklentileri ve nasıl yapılır vardır, biraz google

edit: plz-send-me-teh-code etiketi kaldırmak kim yaptı?!

Bu yüzden Javascript değil jQuery ile yaptım çok eski bir proje; Bu iyidir umarım.

<td>Type</td>
<td>
      <select  id="type" onChange="propertyType(this.value)" name="type">
                            <option value="">All</option>
                            <option value="homes">Homes</option>
                            <option value="plots">Plots</option>
                            <option value="commercial">Commercial</option>
      </select>
</td>

Bu PropertyType bir js olan

function propertyType(str){
  if(str=='' || str=='plots'){
    document.getElementById("type_h").innerHTML=""; 
    document.getElementById("bed").innerHTML="";    
    }   
    else if(str=='commercial'){
    document.getElementById("bed").innerHTML="";    
          }
 else{
  document.getElementById("type_h").innerHTML="<img src='<?php echo $serverimageurl?>ajax-loader-small.gif' />";
    if(window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
 }
 else
{
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
    xmlhttp.onreadystatechange=function()
   {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("type_h").innerHTML=xmlhttp.responseText;
    }
   }
   xmlhttp.open("GET","ajax/propertytype.php?s="+str,true);
   xmlhttp.send();
   }
 }

Bu propertytype.php olduğunu

<?php
  $s=$_GET["s"];
  if($s=="homes"){
   ?>


 <select onchange="ajax_bed(this.value)" name="subtype" id="subtype" >
  <option value="">Type Of Houses</option>
  <option value="houses">Houses</option>
  <option value="flats">Flats</option>
  <option value="farmhouses">Farm Houses</option>
</select>

<?php
}
 if($s=="plots")
{
?>


 <?php
  }
  if($s=="commercial")
  {
  ?>
  <select name="subtype" id="subtype" >
   <option value="offices">Offices</option>
   <option value="shops">Shops</option>
   <option value="warehouses">Warehouses</option>
   <option value="factories">Factories</option>
   <option value="building">Buildings</option>
   <option value="other">Other</option>
  </select>
   <?php
  }
?>

Bu yatak odası sayısını seçmek için ajax fonksiyonu

function ajax_bed(str){
  document.getElementById("bed").innerHTML="<img src='<?php echo $serverimageurl?>ajax-loader-small.gif' />";
  if(window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
   }
  else
    {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xmlhttp.onreadystatechange=function()
   {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("bed").innerHTML=xmlhttp.responseText;
    }
   }
   xmlhttp.open("GET","ajax/bedroomsselection.php?t="+str,true);
   xmlhttp.send();
 }

Bu bedroomsselection.php olduğunu

<?php
$t=$_GET["t"];
if($t=="houses"||$t=="flats"||$t=="farmhouses")
{
?>
 <select id="bed" name="bed">
   <option>None</option>
   <option>Single Bed</option>
   <option>Double Bed</option>
   <option>three Bed</option>
   <option>Four Bed</option>
   <option>Five Bed</option>
   <option>Six Bed</option>
   <option>Seven Bed</option>
   <option>Eight Bed</option>
   <option>Ten Bed</option>
   <option>More Than Ten Bed</option>
</select>


 <?php
 }
?>

I hope you have got the idea now its time to code it yourself Cheers