sélectionnez l'option onclick changement d'url ou de modifier div

Donc ce que je suis en train de faire est que, dans le moment que je choisis la première option, pour afficher un div, si je choisis l'option 2 afin de me diriger vers une autre url. je ne sais même pas si c'est possible!
exemple:

<select class="required" id="thechoices">
<option value="">Service Type</option>
<option value="box1">From LAX Airport</option>
<option VALUE="http://www.dma.org/linuxsig/">To The Airport</option>
</select>

<div id="box1"><p>Box 1 stuff...</p></div>
serez-vous toujours de n'avoir que deux options, comme "De l'Aéroport" et "À l'Aéroport" pour le sélectionner?

OriginalL'auteur ciprian | 2011-10-10

  1. 3
    <select id="options" onchange="optionCheck()">
 <option></option>
 <option value="show">Show Div</option>
 <option value="goto">Go To Google</option>
 </select>
<div id="hiddenDiv" style="height:100px;width:300px;border:1px;visibility:hidden;">
I am visible now!</div>

<script type="text/javascript">
    function optionCheck(){
        var option = document.getElementById("options").value;
        if(option == "show"){
            document.getElementById("hiddenDiv").style.visibility ="visible";
        }
        if(option == "goto"){
            window.location = "http://google.com";
        }
    }
</script>

    Vous pouvez faire beaucoup plus jolie avec jquery, mais cela devrait fonctionner.

    dernier commentaire sur la ligne, ciprian jamais dit qu'il était à l'aide de jquery 🙂
    cela a fonctionné! merci!

    OriginalL'auteur kchason

  2. 1

    Oui, il est possible

    Ajouter un gestionnaire d'événements onchange à votre sélection.

    <select class="required" id="thechoices" onchange="return airportChoice(this)">

    Régler l'affichage de la boîte ID que vous souhaitez masquer cachés. 

       #box1{display:none} //css

    Ici est une fonction générique qui recives argument fondé sur la référence, Basé sur votre question de sorte que vous pouvez facilement avoir beaucoup de à un à partir de l'aéroport de choix il suffit d'ajouter le ci-dessous à chacun de vos sélections si vous avez besoin de plus de choix.

     onchange="return airportChoice(this)"

    JS fonction

    function airportChoice(n){

  if(n.selectedIndex === 1){
  //show a div (id)  //alert(n.value);
    document.getElementById(n.value).style.display = "block";
   }else if(n.selectedIndex === 2){
     location.href= n.value;  //redirect the user to the url 
   }
    //this last one is not what you ask but for completeness 
    //hide the box div if the first option is selected again
    else if (n.selectedIndex == 0){ //alert(n[1].value);
    document.getElementById(n[1].value).style.display = "none";
    }
  }
    fonctionne aussi! merci...

    OriginalL'auteur david