Discussion :

[cobos]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[NoSmoking]

Bonjour,
ton code HTML est des plus limite.

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

[cobos]

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

[NoSmoking]

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[cobos]

Merci tout va bien le modal s'affiche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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');
 
                    }
              }

[NoSmoking]

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

Sélectionner tout - Visualiser dans une fenêtre à part

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");
  }
}