2013-08-02 26 views
5

Üç ana alan ve birkaç ek alan içeren bir form oluşturuyorum. Ana alanlardan biri seçim türüdür ve ek alanlardan bazıları da seçilmiştir. Tüm seçim alanları için değerler, veritabanına bağlı olan .php dosyalarından gelir. Amacım, ek alanların yalnızca ana seçim alanının seçimiyle ilgili değerleri göstermesini sağlamaktır. Gördüğüm şey, ana seçimin onClick'in ajax ile bir javascript işlevini çağıracağıdır. Bu, yeni değeri aynı sayfaya gönderecek ve ana div içeriğini yenileyecektir (tüm php dosyaları dahil) yeni parametre vePhp içeriğini değiştirin <select>

body 
    div id=container 
    div id=menu 
    div id=main 

ne ajax hakkında bilmek farklı php sayfaya değişkenleri gönderip yankılandı yanıt almak için nasıl Tümü) gerekli değerleri göstermektedir. Birisi, belirli bir sayfayı yenilerken aynı sayfada php değişkeninin değerini nasıl göndereceğini/değiştirebileceğini açıklayabilir. (ya da benim sorunum için daha iyi bir çözüm biliyor olabilirsiniz). Zaman ayırdığın için teşekkürler!

+0

JQuery izinli mi, yoksa hayır mı? – McGarnagle

+0

Evet, izin verilir – user2644185

cevap

8

Diyelim senin ana böyledir select:

<select id="main_select"> 
    <option value="car">Cars</option> 
    <!-- other options --> 
</select> 

Ve Bir PHP dosyası var

<div id="details"> 
    <!-- the details options will be added here --> 
</div> 

belirlenen seçeneğe dayalı ayrıntıları göstermek gerekiyordu bir kap var olan Seçilen seçeneklere göre ayrıntıları seçer

Ve Ajax'iniz bir şey olabilir Böyle aşındırma:

$(document).ready(function() { 
    $('#main_select').change(function(){ 
     $.ajax({ 
      url: "something.php", 
      type: "post", 
      data: {option: $(this).find("option:selected").val()}, 
      success: function(data){ 
       //adds the echoed response to our container 
       $("#details").html(data); 
      } 
     }); 
    }); 
}); 
+0

Çok teşekkür ederim! – user2644185

İlgili konular