Load-Seite auf die Auswahl aus dropdown-Formular

Ich versuche, ein Dropdown-Menü, der nimmt mich auf verschiedenen Webseiten. Momentan ist es so eingerichtet, dass Sie Ihre Auswahl machen, und dann triffst du auf einen "Go" - Taste und dann gelangen Sie auf den entsprechenden link. Ich bin versucht, herauszufinden, wie man es so machen, wenn Sie Ihre Auswahl getroffen geht es automatisch, und Sie brauchen nicht zu drücken Sie die Schaltfläche "Go".

Hier ist was ich habe:

<p align="center">
<form name="jump" class="center">
<select name="menu">
<option value="#">Select an option</option>
<option value="/link1.shtml">Link 1</option>
<option value="/link2.shtml">Link 2</option>
<option value="/link3.shtml">Link 3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>
</p>

Jede Hilfe oder links zu Erklärungen wäre toll. Danke!

InformationsquelleAutor der Frage JakeIC | 2012-04-16

  1. 30

    Versuchen Sie Folgendes:

    <select onchange="location = this.options[this.selectedIndex].value;">
    <option>Please select</option>
    <option value="http://www.apple.com/">Apple</option>
    <option value="http://www.bbc.com">BBC</option>
    <option value="http://www.facebook.com">Facebook</option>
</select>​

    Was Sie waren auf der Suche für war 'onchange' statt 'onsumbit'

    InformationsquelleAutor der Antwort jacktheripper

  2. 2

    Auschecken jQuery .ändern Sie()

    <script>
   $('select.menu').change(function(e){
      //this function runs when a user selects an option from a <select> element
      window.location.href = $("select.menu option:selected").attr('value');
   });
</script>

    InformationsquelleAutor der Antwort Rodik

  3. 1

    Etwas wie dies könnte helfen - im Grunde sind Sie nur binden Sie ein onChange-Ereignis an den wählen, so dass, wenn eine neue option ausgewählt ist, werde es weiterleiten, die Lage auf der Seite. 

    <p align="center">
<form name="jump" class="center">
<select name="menu" onchange="gotoPage(this)">
<option value="#">Select an option</option>
<option value="/link1.shtml">Link 1</option>
<option value="/link2.shtml">Link 2</option>
<option value="/link3.shtml">Link 3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>
</p>

<script type="text/javascript">
function gotoPage(select){
    window.location = select.value;
}
</script>

    InformationsquelleAutor der Antwort Jonathan LeBlanc

  4. 1

    Ich würde empfehlen, dass Sie beginnen mit dem javascript-framework jQuery wie es wirklich um Ihr Leben viel einfacher, wenn es um javascript.

    Wenn Sie jQuery installiert und setup in Ihrem web-Seite, die Sie sollten in der Lage sein, so etwas zu tun:

    <script type="text/javascript">
    $(document).ready(function() {
        $("#selection").change(function() {
            location = $("#selection option:selected").val();
        });
    });
</script>

<p align="center">
    <form name="jump" class="center">
        <select name="menu" id="selection>
            <option value="#">Select an option</option>
            <option value="/link1.shtml">Link 1</option>
            <option value="/link2.shtml">Link 2</option>
            <option value="/link3.shtml">Link 3</option>
        </select>
    </form>
</p>

    InformationsquelleAutor der Antwort Buddha

Schreibe einen Kommentar