Menu déroulant avec un lien hypertext

Version imprimable

Bonjour à tous, depuis une bonne heure je galère sur ce truc.
au faite j'ai menu déroulant et ajouter un lien à un des éléments. j'ai cherché un peu sur le net mais les exemples que j'ai trouvés ne correspondent pas à ma préoccupation.
voici comment j'ai procédé:
Code:

1 2 3 4 5 6 7 <select class="form-control " style="width:10em; height:2.3em;" > <option value="reception"><font style="">Réception/option> <option value="livraison"><font style="">Livraison</option> <option> <a href="#"> Créer et modifier</a></option> </select>

Bonjour,
ton code HTML est des plus limite.

Il te faut gérer les actions fonction de la valeur sélectionner

Code:

1
2
3
4
5
6
<select class="form-control" onchange ="action(this.value)">
   <option>Choisir une action</option>
    <option value="reception">Réception</option>
    <option value="livraison">Livraison</option>
    <option value="modifier"> Créer et modifier</option> 
</select>

avec une fonction du type de

Code:

1
2
3
4
5
6
7
8
9
10
11
function action(param){
  if( param === "reception"){
    // action si reception
  }
  else if( param === "livraison"){
    // action si livraison
  }
  else  if( param === "modifier"){
    // action si  modifier
  }
}

09/02/2018, 15h23
cobos

ok, Au fait c'est dans un formulaire et au click sur l'option Créer et modifier ouvrir un modal

Certes mais dans ton if tu fais ce que tu veux !

Code:

1
2
3
4
5
6
7
8
9
10
11
function action(param){
  if( param === "reception"){
    alert("action si reception");
  }
  else if( param === "livraison"){
    alert("action si livraison");
  }
  else if( param === "modifier"){
    document.location.href="https://www.developpez.net/forums/f9/webmasters-developpement-web/";
  }
}

09/02/2018, 16h00
cobos

Merci ça passe quand c'est rediriger sur une autre page. Mais comment faire avec un modal?

sans js je le fait comme ça

Code:

<a class="btn red btn-outline sbold" data-toggle="modal" href="#basic"> View Demo </a>

où "basic" est l'id du div contenant mon modal.
Merci d'avance

Merci tout va bien le modal s'affiche

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function action(param)
              {
                if( param === "reception"){
                      //  alert("action si reception");
                    }
                    else if( param === "livraison"){
                      //  alert("action si livraison");
                    }
                    else if( param === "modifier"){
                        $('.select_box').prop('selectedIndex',0)
                        $('#basic').modal('show');
 
                    }
              }

Si j'ai bien compris, tu as deux possibilités : simuler un click sur ton lien ou appeler directement la fonction d'ouverture de ta modal.

Si tu utilises BootStrap tu peux faire
Code:

1 2 3 4 5 6 7 8 9 10 11 function action(param){ if( param === "reception"){ // action si reception } else if( param === "livraison"){ // action si livraison } else if( param === "modifier"){ $("#id_de_la_modal").modal("show"); } }