Rumah > pangkalan data > tutorial mysql > Bagaimana untuk Mencipta Kotak Dropdown Bergantung Dinamik Menggunakan jQuery, AJAX, PHP dan MySQL?

Bagaimana untuk Mencipta Kotak Dropdown Bergantung Dinamik Menggunakan jQuery, AJAX, PHP dan MySQL?

Mary-Kate Olsen
Lepaskan: 2024-11-16 15:11:03
asal
472 orang telah melayarinya

How to Create Dynamic Dependent Dropdown Boxes Using jQuery, AJAX, PHP, and MySQL?

Mencipta Kotak Jatuh turun Bergantung Dinamik Menggunakan jQuery/AJAX dengan PHP/MySQL

Bertujuan untuk mencipta set kotak lungsur turun yang dinamik, anda cuba untuk gunakan jQuery/AJAX dan PHP/MySQL. Objektifnya ialah untuk dropdown kedua memaparkan nilai berdasarkan pemilihan dalam dropdown pertama. Coretan kod HTML, PHP dan JavaScript anda menyerlahkan usaha ini, tetapi anda menghadapi kesukaran mengisi menu lungsur kedua.

Kod Dilaraskan untuk Kejayaan

Untuk menyelesaikan isu tersebut, anda kod memerlukan beberapa pelarasan:

Diubah suai document.ready:

$().ready(function() { // or $(function() {});
Salin selepas log masuk

Looping Disemak untuk Keputusan JSON:

$.each(data.subjects, function(i, val){    
   $('select#item_2').append(`<option value="${val.id}">${val.name}</option>`);
});
Salin selepas log masuk

Pertimbangan Tambahan:

  • Pastikan kod disertakan dalam tag diletakkan dalam teg dokumen HTML anda.
  • Semak sama ada fail groups.php boleh diakses daripada halaman yang membuat panggilan AJAX.
  • Sahkan item_1_id ditetapkan dalam URL panggilan AJAX.

Dengan memasukkan pelarasan ini, lungsur kedua anda akan berjaya diisi dengan data berdasarkan pemilihan dalam lungsur pertama. Pendekatan ini menggunakan jQuery/AJAX untuk mendapatkan data dinamik dan PHP/MySQL untuk operasi pangkalan data.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Kotak Dropdown Bergantung Dinamik Menggunakan jQuery, AJAX, PHP dan MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan