Apabila mencipta berbilang menu lungsur turun di mana pilihan dalam yang kedua menu bergantung pada pemilihan yang dibuat dalam menu pertama, adalah mungkin untuk mencapainya tanpa bergantung pada pangkalan data.
Menu lungsur turun pertama akan paparkan senarai kategori, manakala lungsur turun kedua akan memaparkan item yang dikaitkan dengan kategori yang dipilih.
<option value="0">None</option> <option value="1">First</option> <option value="2">Second</option> <option value="3">Third</option> <option value="4">Fourth</option>
<select name="items"><br></select><br>
Untuk mengemas kini pilihan dalam menu lungsur kedua berdasarkan pemilihan dalam menu lungsur pertama, kami memerlukan fungsi AJAX yang menghantar kategori yang dipilih kepada skrip PHP.
<script type="text/javascript"></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">function ajaxfunction(parent) { $.ajax({ url: 'process.php?parent=' + parent; success: function(data) { $("#sub").html(data); } }); }
pra>
Fungsi ini dilampirkan pada peristiwa perubahan pada lungsur turun pertama.
Dalam HTML, letakkan elemen pilihan lain dengan id "sub" untuk memaparkan pilihan yang dijana secara dinamik.
<select onchange="ajaxfunction(this.value)"></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!-- Options would have been initially populated here -->
Skrip process.php akan bertanggungjawab menjana pilihan untuk lungsur turun kedua berdasarkan kategori yang dipilih.
$parent = array(
"First" => array("Smartphone", "Charger"),
"Second" => array("Basketball", "Volleyball"),
"Third" => array("Apple", "Orange"),
"Fourth" => array("Dog", "Cat")
);
foreach ($parent[$_GET["parent"]] as $id => $name)
echo '<option value="', $id,'">', $name,'</option>'</p>
<p>?><br>
Dalam kes ini, kami telah menggunakan tatasusunan untuk mentakrifkan perhubungan kategori-item. Walau bagaimanapun, ini boleh disesuaikan dengan mudah untuk mendapatkan semula data daripada pangkalan data juga.
Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Pilihan Menukar Auto dalam Menu Dropdown Kedua Berdasarkan Pemilihan Dropdown Pertama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!