Comment faire un lien HTML <select> liste et un bouton de soumission

J'ai une page web qui se compose d'une liste de sélection avec 6 options, ainsi que d'un bouton d'envoi.

J'ai besoin de code d'une façon telle que, lorsqu'une option est sélectionnée dans la liste et de le soumettre bouton est cliqué, il faut ouvrir une autre page liée, alors que quand une autre option est sélectionnée et soumettre le bouton est cliqué, il devrait ouvrir une autre page.

Fondamentalement je veux que chaque option d'ouvrir une page liée lorsque le bouton envoyer est cliqué.

Par googler un peu, j'ai compris que je dois utiliser php pour cela, mais je ne reçois pas le code approprié pour la même chose.

Je ne veux pas le bouton "soumettre" pour ouvrir seulement 1 page spécifique. Plutôt,je le veux pour ouvrir 6 pages correspondant aux différentes options sélectionnées.

Extrait De Code :

   <div>

   <H1><FONT="TIMES ROMAN" FONT-COLOR="BLUE" > SELECT An subject:</H1>

    <select>

   <option value=""></option>
   <option value="physics">physics</option>
   <option value="chemistry">chemistry</option>
    <option value="biology">biology</option>
    <option value="maths">maths</option>
     <option value="cs">cs</option>
     <option value="electrical">electrical</option>

      </select>
      <br>

   <input class="SubmitButton" type="submit" name="SUBMITBUTTON"              value="Submit" style="font-size:20px; " />
  </div>

J'ai également appris qu'il ne peut pas être fait à l'aide de href de la balise parce que une liste d'options ne peut pas ouvrir directement des pages, un bouton d'envoi est nécessaire pour effectuer une action.

Besoin d'aide pour résoudre ce problème.

vous devez les mettre à l'intérieur d'une Forme.
oui je veux les pages liées à ouvrir dans la fenêtre suivante.
Soumettre votre formulaire à une page,en fonction de la réponse reçue le rediriger vers la page correspondante
la caisse de cette démo : w3schools.com/php/showphp.asp?filename=demo_form_post
de toutes les réponses 2 codes travaillé ! l'un était de vous et un autre a été ALMASKS ! ive a noté à la fois les codes! d'où ive a marqué de!

InformationsquelleAutor Neha Shetty | 2016-06-28

Je pense que ts veut ouvrir plusieurs fenêtre selon l'une des valeurs sélectionnées.
Voici donc exemple:

<div>
    <H1>SELECT An subject:</H1>
    <form id="link">
        <select multiple="multiple">
            <option value="">Choose links</option>
            <option value="http://stackoverflow.com/">Stackoverflow</option>
            <option value="http://google.com/">Google</option>
            <option value="http://yahoo.com/">Yahoo</option>
            <option value="http://bing.com/">Bing</option>
            <option value="http://php.net/">PHP official</option>
            <option value="http://w3c.org">W3C</option>
        </select>
        <br>
        <input class="SubmitButton" type="submit" name="SUBMITBUTTON" value="Submit" style="font-size:20px; "/>
    </form>
</div>
<script src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
    $('#link').on('submit', function (e) {
        e.preventDefault();
        var $form = $(this),
                $select = $form.find('select'),
                links = $select.val();
        if (links.length > 0) {
            for (i in links) {
                link = links[i];
                window.open(link);
            }
        }
    });
</script>

Tout d'abord, vous devez définir plusieurs attributs pour sélectionner. Ensuite, via jquery, vous pouvez ouvrir chaque lien dans une nouvelle fenêtre pop-up. Attention navigateurs peuvent bloquer ces fenêtres pop-up.

Mise à JOUR
Si vous voulez ouvrir qu'une seule fenêtre, vous pouvez utiliser @Anant la solution de

les deux codes travaillé! tysm! 🙂
vous êtes les bienvenus

InformationsquelleAutor AlmasK89

La plus simple solution basée sur jquery:-

<div>

  <H1><FONT="TIMES ROMAN" FONT-COLOR="BLUE" > SELECT An subject:</H1>

  <select id ="dropDownId"> <!-- give an id to select box-->

      <option value="">Select Option</option>
      <option value="physics">physics</option>
      <option value="chemistry">chemistry</option>
      <option value="biology">biology</option>
      <option value="maths">maths</option>
      <option value="cs">cs</option>
      <option value="electrical">electrical</option>

  </select>
  <br>
  <input class="SubmitButton" type="submit" name="SUBMITBUTTON"  value="Submit" style="font-size:20px; " />
</div>
<script src = "//code.jquery.com/jquery-3.0.0.min.js"></script> <!-- add jquery library-->
<script type = "text/javascript">
$('.SubmitButton').click(function(){ //on submit button click

    var urldata = $('#dropDownId :selected').val(); //get the selected  option value
    window.open("http://"+urldata+".html") //open a new window. here you need to change the url according to your wish.
});

</script>

Remarque:- Ce code va faire les choses ci-dessous:-

1.Sélectionnez l'encadré de la page n'est jamais actualisé.

2.Basé sur la valeur de votre URL'S sont ouverts dans une nouvelle fenêtre.

3.Vous pouvez également modifier le URL format selon votre condition. J'ai juste donné un exemple d'échantillon.

simple et la réponse parfaite ...
merci.:)
merci beaucoup pour l'aide! 🙂 @Anant
Peut-il être fait de sorte qu'il s'ouvre sur la même fenêtre au lieu d'un nouvel onglet/fenêtre?
veuillez poser une nouvelle question pour que. Aussi accepté de répondre à sélectionner une boîte-html est complètement différent de ce que vous avez indiqué dans votre question, encore vous avez accepté cette réponse? Pourquoi?

InformationsquelleAutor Anant Singh---Alive to Die

Ajouter ce script dans votre code html

function showPage() {
  var sel = document.getElementById('subjects');

  var option = sel.options[sel.selectedIndex].value;

  window.open(option + ".html");
}

et copie ci-dessous le code html et de le remplacer par le vôtre

<select id="subjects">

    <option value=""></option>
    <option value="physics">physics</option>
    <option value="chemistry">chemistry</option>
    <option value="biology">biology</option>
    <option value="maths">maths</option>
    <option value="cs">cs</option>
    <option value="electrical">electrical</option>

</select>

<input class="SubmitButton" type="button" value="Submit" onclick="showPage()"  style="font-size:20px; " />

espère que cela aide 🙂

InformationsquelleAutor Mr.7

1

Vous pouvez le faire avec PHP, mais vous aurez besoin de faire 2 choses:
1. Mettre le sélectionner et de saisie dans un formulaire en HTML, comme ceci:
```
<form action="" method="post">
  <select name="opt">
    <option value="1">Link 1</option>
    <option value="2">Link 2</option>
    
  </select>
  <input type="submit" name="submit">Submit</input>
</form>
```
2. PHP attraper le formulaire de données publiées et de rediriger vers la page appropriée, comme ceci: (mettre ceci en haut de votre page PHP avec le formulaire)
```
<?php
if (isset($_POST['submit']))
{
    if (isset($_POST['opt']))
    {
        if ($_POST['opt'] == '1') { header('Location: page1.php'); }
        elseif ($_POST['opt'] == '2') { header('Location: page2.php'); }
        //etc...
    }
}

?>
```
Les redirections ne fonctionnent que si il n'y a pas eu de sortie en HTML avant on les appelle, alors assurez-vous il n'y a pas de code HTML avant le code PHP bloc.
- de cette façon, après le passage à la page suivante de sa sélectionnez la page aura disparu. ce qu'elle veulent, c'est sans affecter sélectionner la page, il suffit d'ouvrir de nouvelles pages dans une nouvelle fenêtre.
InformationsquelleAutor Sgt AJ

Vous devez vous connecter pour publier un commentaire.