Wie kann ich Dropdown-Auswahlwerte in einem HTML-Formular nach der Übermittlung beibehalten?

Formularwerte nach der Übermittlung beibehalten

Bei der Arbeit mit HTML-Formularen ist es oft wünschenswert, die ausgewählten Werte in Dropdown-Elementen nach dem Absenden des Formulars beizubehalten eingereicht. Dies gewährleistet ein nahtloses Benutzererlebnis, da zuvor ausgewählte Optionen ausgewählt bleiben.

Implementierung

In PHP kann dies mit WordPress mithilfe von JavaScript erreicht werden, um die ausgewählten Werte abzurufen aus den Abfragezeichenfolgenparametern des Formulars.

Beachten Sie den folgenden HTML-Code Formular:

<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-Lösung

Um die ausgewählten Werte automatisch zu aktualisieren, ohne if-else-Strukturen zu verwenden, kann JavaScript eingesetzt werden:

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

Dieses Skript ruft die ausgewählten Werte aus der Abfragezeichenfolge der URL ab und legt sie als ausgewählte Werte in den Dropdown-Elementen fest.

Durch die Verwendung Bei dieser Methode bleiben die ausgewählten Optionen auch nach dem Absenden des Formulars und dem Neuladen der Seite erhalten.

Das obige ist der detaillierte Inhalt vonWie kann ich Dropdown-Auswahlwerte in einem HTML-Formular nach der Übermittlung beibehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!