Bagaimanakah Saya Boleh Mengekalkan Nilai Pilihan Jatuh Turun dalam Borang HTML Selepas Penyerahan?

Memelihara Nilai Borang Selepas Penyerahan

Apabila bekerja dengan borang HTML, selalunya wajar untuk mengekalkan nilai yang dipilih dalam elemen lungsur selepas borang itu diserahkan. Ini memastikan pengalaman pengguna yang lancar, kerana pilihan yang dipilih sebelum ini kekal dipilih.

Pelaksanaan

Dalam PHP, menggunakan WordPress, ini boleh dicapai menggunakan JavaScript untuk mendapatkan semula nilai yang dipilih daripada parameter rentetan pertanyaan borang.

Pertimbangkan HTML berikut borang:

<form method="get" action="">
  <select name="name">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="location">
    <option value="x">x</option>
    <option value="y">y</option>
  </select>
  <input type="submit" value="Submit" class="submit" />
</form>

JavaScript Solution

Untuk mengemas kini nilai yang dipilih secara automatik tanpa menggunakan struktur if-else, JavaScript boleh digunakan:

<script type="text/javascript">
  document.getElementById('name').value = "<?php echo $_GET['name']; ?>";
  document.getElementById('location').value = "<?php echo $_GET['location']; ?>";
</script>

Skrip ini mendapatkan semula nilai yang dipilih daripada rentetan pertanyaan URL dan menetapkannya sebagai nilai yang dipilih dalam menu lungsur elemen.

Dengan menggunakan kaedah ini, pilihan yang dipilih akan kekal dikekalkan walaupun selepas borang diserahkan dan halaman dimuat semula.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Nilai Pilihan Jatuh Turun dalam Borang HTML Selepas Penyerahan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!