kotak pilih mengisi kotak pilih yang sama

Saya perlu membuat situs, tetapi saya buntu... karena saya hanya benar-benar tahu cara bekerja dengan php dan html... melalui penelitian saya memahami bahwa tidak mungkin melakukan ini tanpa javascript karena php hanya melakukan pra-pemrosesan. ..

masalah saya: Saya ingin pengguna dapat mengklik opsi di kotak pilih dan opsi yang dipilih mengubah kotak pilih berikutnya. Artinya: kotak pilih pertama saya diisi oleh informasi dari database saya... tergantung pilihan yang dibuat pada kotak pilih pertama, kotak pilih kedua perlu diisi dengan variabel baru yang juga didapatnya dari database. dan pilihan pada pilihan kedua membuat pilihan pada pilihan ketiga dan seterusnya.

Saya memerlukan ini karena database saya berbentuk pohon... artinya: Saya memiliki kategori (yang akan saya posting di kotak pilih pertama) dan hanya memberikan sub kategori dari kategori yang dipilih di kotak pilih kedua dan seterusnya...

penggunaan ini: pengguna harus dapat menambahkan objek baru ke dalam database dengan memilih di mana dia menginginkannya dan mengklik tombol + untuk memberi tahu saya di mana dia ingin menambahkannya... pengguna tidak terikat untuk menurunkan keseluruhan pohon dan harus dapat menambahkan objek dalam kategori, subkategori, atau bahkan lebih jauh lagi...

Saya harap penjelasan saya masuk akal =s sehingga seseorang dapat membantu saya, karena saya benar-benar tidak mendapatkan javascript sama sekali =s Saya sudah mencari selama 1 minggu namun saya belum menemukan apa pun... Cukup sulit mencari sesuatu di mana Anda tidak tahu namanya... jadi tolong bantu seseorang. terima kasih sebelumnya


javascript drop-down-menu onclick
person user2608225    schedule 22.07.2013    source sumber
comment
kemungkinan duplikat dari Mengubah opsi kotak pilih secara dinamis berdasarkan pilihan opsi sebelumnya   -  person fanfavorite    schedule 23.07.2013

Jawaban (1)


arrow_upward
0
arrow_downward

Saya akan menggunakan jQuery dan melakukan permintaan ajax setiap kali kotak pilihan Anda diubah, kira-kira

$(function(){
    $('input#theDropDown').change(function(){
        var theValue = $(this).val();
        $.ajax({  
           type: "GET",   
           url: "getData.php",  
           data: "TheValue=" + theValue,   
           success: function(response) { 
              // I would think 'response' would be a json string or something which contains the values the next dropdown should have
           }
    });
});

Dimana dropdown merupakan elemen input dengan id=theDropDown.

Berikut info lebih lanjut: http://api.jquery.com/jQuery.ajax/

person sbonkosky    schedule 22.07.2013