Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Redirection après sélection d'un élément dans une liste de sélection

2 réponses
Avatar
ryckoort fabien
Bonjour à tous, mon sujet en dit beaucoup sur la question que je vais vous
poser :).
En effet je voudrais que dès que la personne sélection un élément dans une
liste de sélection, dans un formulaire soit automatiquement rediriger vers
une autre page htm.
sans passer par l'intermédiare d'un bouton envoyer.

Merci de votre aide :)

2 réponses

Avatar
ADcomp
Google est ton ami .. "javascript liste selection"

3 em liens :
Trucsweb - Menu dans une liste de sélection ou menu déroulant
http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com/Javascript/trucs.asp?no41&type=5

en voici l'exemple ...
______________________________________________________________________________________
Code complet avec fonctions

<html>
<head>
<title>Trucsweb : Menus dans une liste de sélection</title>
<script type="text/javascript" language="javascript">
<!--
// ***********************
// Création: www.trucsweb.com
// Permet d'ouvrir un nouveau document
// twAller( url de destination [,Nom du cadre optionnel] [,Nom d'une fenêtre
optionnelle]);
// Si vous entrez un nom de cadre, l'ouverture se fera dans le cadre.
// Si vous entrez un nom de Target sans nom de cadre, L'ouverture se
// fera dans une nouvelle fenêtre.
// *********************** Exemples:
// - twAller('http;//www.trucsweb.com','','') Ouvre dans la même page
// - twAller('http;//www.trucsweb.com','MonCadre','') Ouvre dans le cadre
// - twAller('http;//www.trucsweb.com','','neoFenetre') Ouvre dans une
nouvelle fenêtre
// ***********************
function twAller(_url,_cadre,_target) {
if (_cadre) {
parent._cadre.location.href = _url;
} else if (_target) {
_target = window.open(_url,_target);
} else {
window.location.href = _url;
}
}
//-->
</script>

<script type="text/javascript" language="javascript">
<!--
// ***********************
// Création: www.trucsweb.com
// Permet d'ouvrir une fenêtre PopUp
// twPopUp( url de destination, Nom de la fenètre , largeur, hauteur, Avec
défilement ou nom );
// 0 aucune barre de défilement
// 1 avec barre de défilement
// *********************** Exemples:
// - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 300, 200, 1 ); avec
barre de défilement
// - twPopUp( 'http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com', 'NeoFenetre', 350, 300, 0 ); sans
barre de défilement
// ***********************
function twPopUp(_url,_nom,_larg,_haut,_defil) {
var op_scroll = _defil;
var op_wid = _larg;
var op_heigh = _haut;
var op_tool = 0;
var op_loc_box = 0
var op_dir = 0;
var op_stat = 0;
var op_menu = 0;
var op_resize = 0;
var options = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+
op_heigh;
var wNom = window.open(_url, _nom, options);
if(_nom.focus){_nom.focus();}
}
// -->
</script>
</head>

<body>
Redirection automatique dans un PopUp<br />
<form>
<select name="MenuPop" onChange="sel =
this.options[this.selectedIndex].value; if (sel) {
twPopUp(sel,'MonPop','300','300',0) }">
<option selected="selected">Menu </option>
<option>------- </option>
<option value="http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt;- Recherche </option>
<option value="http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com">Trucsweb </option> <option
value="http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile du Québec </option> <option>-------
</option>
</select>
</form>

Redirection automatique sans PopUp<br />
<form>
<select name="MenuAuto" onChange="sel =
this.options[this.selectedIndex].value; if (sel) { twAller(sel,'','') }">
<option selected="selected">Menu </option>
<option>------- </option>
<option value="http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt;- Recherche </option>
<option value="http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com">Trucsweb </option>
<option value="http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile du Québec </option>
<option>------- </option>
</select>
</form>

Redirection avec bouton<br />
<form name="Menu" >
<select name="MenuBouton">
<option selected="selected">Menu </option>
<option>------- </option>
<option value="http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.google.com"&gt;- Recherche </option>
<option value="http://www.trucsweb.com" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.trucsweb.com">Trucsweb </option>
<option value="http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">http://www.toile.com">Toile du Québec </option>
<option>------- </option>
</select>
<input type="button" value=" Go!" onClick="sel =
this.form.MenuBouton.options[this.form.MenuBouton.selectedIndex].value; if
(sel) { twAller(sel,'','neoFenetre') }" />
</form>
</body>
</html>
Avatar
ASM

sans passer par l'intermédiare d'un bouton envoyer.


c'est le B A BA

<form blabla>
<select onchange=" var h = this.options.selectedIndex;
if(h==0) alert('faire un choix dans la liste');
else
self.location.href=this.options[h].value;">
<option selected>Re routage
<option value="page1.htm">Page 1
<option value="page2.htm">Page 2
<option value="page3.htm">Page 3
</select>
</form>