Wie die Verknüpfung eines HTML - <select> Liste mit submit-button

Ich habe eine Webseite, die aus einer select-Liste mit 6 Optionen, zusammen mit einem submit-button.

Brauche ich es code in einer solchen Weise, dass, wenn eine option in der Liste ausgewählt und der submit-button geklickt wird, sollte öffnen Sie eine andere Seite verwiesen, in der Erwägung, dass, wenn eine andere option ausgewählt und der submit-button geklickt wird, sollte es öffnen, einige andere Seite.

Im Grunde ich möchte jede option, um einige der verlinkten Seite, wenn der submit-button geklickt wird.

Durch ein wenig googeln habe ich verstanden, dass ich nicht in php, aber ich bin nicht immer den entsprechenden code für die gleiche.

Ich will nicht den submit-button zu öffnen, nur 1 bestimmte Seite. Vielmehr möchte ich es öffnen 6 verschiedene Seiten entsprechend verschiedene Optionen ausgewählt.

Code-Snippet :

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

Auch ich habe gelernt, dass es nicht getan werden kann mit href-tag, weil eine option Liste kann nicht direkt öffnen, Seiten, einen submit-button wird benötigt, um eine Aktion auszuführen.

Müssen helfen, diese zu lösen.

Sie sollten Sie in eine Form.
ja, ich möchte die verlinkten Seiten öffnen im nächsten Fenster.
Senden Sie Ihr Formular auf eine Seite,auf der Grundlage der erhaltenen Antwort leiten Sie zu entsprechenden Seite
Kasse diesem live-demo : w3schools.com/php/showphp.asp?filename=demo_form_post
aus all den Antworten 2 codes geklappt ! einer von Ihnen kam und man war ALMASKS ! ich habe notiert, beide codes! daher ive markiert Sie!

InformationsquelleAutor Neha Shetty | 2016-06-28

Ich denke ts will das öffnen mehrerer Fenster entsprechend der gewählten Werte.
So, hier ist ein Beispiel:

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

Ersten, müssen Sie mehrere attribute auswählen. Dann über jquery können Sie öffnen Sie jeden link in neuem popup-Fenster. Seien Sie vorsichtig, können Browser blockieren diese pop-UPS.

UPDATE
Wenn Sie wollen, um öffnen Sie nur ein Fenster, die Sie verwenden können, @Anant Lösung

beide codes hat funktioniert! tysm! 🙂
Sie sind herzlich willkommen

InformationsquelleAutor AlmasK89

Einfachste Lösung basiert auf 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>

Hinweis:- Dieser code wird unten Dinge:-

1.Wählen Sie Kasten Seite nie aktualisiert.

2.Basierend auf den ausgewählten Wert Ihrer URL'S werden in einem neuen Fenster öffnen.

3.Auch das kann man ändern URL format entsprechend Ihrer Anforderung. Ich gab nur ein Beispiel.

einfache und perfekte Antwort ...
danke.:)
vielen Dank so viel für die Hilfe! 🙂 @Anant
Kann es so geschehen, öffnet es auf dem gleichen Fenster statt in einem neuen tab/Fenster?
bitte stellen Sie eine neue Frage für, die. Auch die akzeptierte Antwort select-box in html ist völlig Verschieden von dem, was Sie in Frage stellen, noch Sie akzeptiert diese Antwort? Warum?

InformationsquelleAutor Anant Singh---Alive to Die

Fügen Sie dieses script in Ihren html-code

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

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

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

und kopieren Sie untenstehenden html-code und ersetzen Sie mit Ihnen

<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; " />

hoffe, das hilft 🙂

InformationsquelleAutor Mr.7

1

Dies können Sie mit PHP, aber du brauchst 2 Sachen zu machen:
1. Setzen Sie die select-und input in einem form in Ihrem HTML-Code wie dieser:
```
<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 fangen Sie das Formular gesendeten Daten und leitet Sie zur entsprechenden Seite, wie diese: (setzen Sie diese oben in deinem PHP-Seite mit dem Formular)
```
<?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...
    }
}

?>
```
Header-redirects funktionieren nur, wenn es keine HTML-Ausgabe, bevor Sie genannt werden, so stellen Sie sicher, es ist kein HTML-code vor dem PHP-code-block.
- in dieser Weise nach zu gehen, um zu nächste Seite wählen Sie seine Seite gegangen. was Sie wollen ist, ohne die Seite auswählen, nur neue Seiten öffnen sich im neuen Fenster.
InformationsquelleAutor Sgt AJ

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.