Comment puis-je conserver les valeurs de sélection déroulante dans un formulaire HTML après la soumission ?

Conserver les valeurs du formulaire après la soumission

Lorsque vous travaillez avec des formulaires HTML, il est souvent souhaitable de conserver les valeurs sélectionnées dans les éléments déroulants une fois le formulaire créé. soumis. Cela garantit une expérience utilisateur transparente, car les options précédemment choisies restent sélectionnées.

Implémentation

En PHP, en utilisant WordPress, cela peut être réalisé en utilisant JavaScript pour récupérer les valeurs sélectionnées. à partir des paramètres de chaîne de requête du formulaire.

Considérez le HTML suivant form :

<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>

Solution JavaScript

Pour mettre à jour automatiquement les valeurs sélectionnées sans utiliser de structures if-else, JavaScript peut être utilisé :

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

Ce script récupère les valeurs sélectionnées dans la chaîne de requête de l'URL et les définit comme valeurs sélectionnées dans les éléments de la liste déroulante.

Par en utilisant cette méthode, les options sélectionnées resteront conservées même après la soumission du formulaire et le rechargement de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!