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

Le
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 :)
  • Partager ce contenu :
Vos réponses
Trier par : date / pertinence
ADcomp
Le #89119
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/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', 'NeoFenetre', 300, 200, 1 ); avec
barre de défilement
// - twPopUp( '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>
value="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>------- </option>
</select>
</form>

Redirection avec bouton<br />
<form name="Menu" >
<select name="MenuBouton">
<option selected="selected">Menu </option>
<option>------- </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>
ASM
Le #88894

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
</select>
</form>

Poster une réponse
Anonyme