Recharger la page avec le paramètre déclenchée par JavaScript déroulant événement de changement de

Je veux un formulaire pour être rechargé et présélectionnées avec la sélection effectuée. Voici le code HTML du formulaire, j'ai:

<form name='vehicleform'>

<select name='vehiclelist'>
  <option value=''>Select</option>
  <option value='bus'>Bus</option>
  <option value='bike'>Bike</option>
  <option value='car'>Car</option>
</select>

<input type='text' name='current'></input>

</form>

Lorsque l'utilisateur ouvre la page pour la première fois la zone de liste déroulante sera sur le Sélectionnez option par défaut et la zone de texte (en cours) sera vide.

Lorsque l'utilisateur sélectionne une option de liste déroulante de la page a besoin pour recharger et que déroulante élément doit être sélectionné et la valeur de la liste déroulante doit être dans le champ de saisie de texte.

Quelle est la fonction JavaScript que j'ai besoin de faire cela?

OriginalL'auteur Naveed | 2010-07-28

  1. 6

    Comme ceci:

    <select name='soemname' id="myid" onchange="document.location.href = 'page.php?var=' + this.value">
  <option value=''>Select</option>
  <option value='bus'>Bus</option>
  <option value='bike'>Bike</option>
  <option value='car'>Car</option>
</select>

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

    OriginalL'auteur Sarfraz

  2. 3

    sAc de réponse vous indique comment vous pouvez utiliser l'événement onchange de modifier la emplacement.href de la propriété. Cela fonctionne, mais il n'est pas accessible aux utilisateurs avec JS désactivé. Je voudrais définir une url dans l'attribut action et ont le sélectionner l'élément de soumettre le formulaire dans la onchange événement. De cette façon, les utilisateurs avec JavaScript pouvez toujours appuyer sur la touche retour pour recharger la page avec le même effet:

    <?php $sel = isset($_GET['vehiclelist']) ? $_GET['vehiclelist'] : ""; ?>
<form name='vehicleform' action="thispage.php">

<select name='vehiclelist' onchange="this.parentNode.submit();">
  <option value='' >Select</option>
  <option value='bus' <?php echo $sel == "bus" ? "selected" : "";?>>Bus</option>
  <option value='bike' <?php echo $sel == "bike" ? "selected" : "";?>>Bike</option>
  <option value='car' <?php echo $sel == "car" ? "selected" : "";?>>Car</option>
</select>

<input type='text' name='current' value="<?php echo htmlspecialchars($_GET['var']); ?>"></input>

</form>

    Le résultat final est une fonctionnalité qui est accessible aux utilisateurs ayant désactivé JavaScript.

    E: je le savais mais j'étais trop paresseux pour écrire du code php 🙁
    ha, je peux comprendre ça 🙂
    En fait, j'ai à soumettre ce formulaire séparément pour stocker zone de texte(en cours) de la valeur dans la base de données à l'aide d'un bouton de soumission(raté en question). Donc j'ai appeler un autre script sur soumettre ce formulaire pour stocker zone de texte valeur dans la base de données. Je pense que le js est la seule option dans ce cas?
    vous pouvez spécifier plusieurs boutons de soumission d'un formulaire et, si le nom l'attribut est fourni avec eux, vous pouvez détecter le bouton qui a été utilisé pour envoyer le formulaire. Si vous avez une condition côté serveur pour attraper quand la "vraie" soumettre est envoyé et enregistrer les données dans la base de données. Voir aussi articles.techrepublic.com.com/5100-10878_11-5242116.html.
    HTML vulnérabilité d'injection dans la valeur d'entrée. Rappelez-vous htmlspecialchars().

    OriginalL'auteur Andy E