Liste déroulante html avec des liens?
Résolu
linda.zazy
Messages postés
297
Date d'inscription
Statut
Membre
Dernière intervention
-
linda.zazy Messages postés 297 Date d'inscription Statut Membre Dernière intervention -
linda.zazy Messages postés 297 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Liste déroulante html avec lien
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
8 réponses
Bonjour,
Il suffit de rajouter la balise <a></a>
<select name="select">
<option selected="selected"><a href="monLienappartement.php">appartement</a></option>
<option><a href="monLienMaison.php">maison</a></option>
<option>villa</option>
Cordialement,
Il suffit de rajouter la balise <a></a>
<select name="select">
<option selected="selected"><a href="monLienappartement.php">appartement</a></option>
<option><a href="monLienMaison.php">maison</a></option>
<option>villa</option>
Cordialement,
Salut,
dans ta balise <head> tu mets :
et dans ta balise <body> tu mets :
Si tu as des problemes fait moi signe en message privé.
dans ta balise <head> tu mets :
<script language="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
}
</script>
et dans ta balise <body> tu mets :
<FORM> <SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)"> <OPTION SELECTED VALUE="">-Selectionnez votre destination-</option> <option value="https://www.google.ca/?gws_rd=ssl">google</option> <option value="http://www.zonespectacle.com">spectacle</option> <option value="https://noovo.ca">tqs</option> </SELECT> </FORM>
Si tu as des problemes fait moi signe en message privé.
<html>
<head>
<script language="javascript">
function appel_pages(id_lire){
var page=document.getElementById(id_lire).value;//lecture page selest dans la lsite
if (page == -1){//si l'utilisateur revient sur la première ligne
return
}
document.form1.action=page;//on modifie le action du formulaire
document.form1.submit();//on envoie le formulaire
}
</script>
<head>
<body>
<form name="form1" id="form1" action="">
<select name="helper" id="helper" size="1"onChange="appel_pages('helper');">
<option value="-1" selected >Selectionnez</option><!-- il faut absolument cette ligne pour toujours avoir un changement -->
<option value="http://lien_appt">Appartement</option>
<option value="http://lien_maison">Maison</option>
<option value="http://lien_villa">Villa</option>
<form>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut !
alors une solution (si ton <select et dans un formulaire bien sur) ça consiste a changer "action " dans ton formulaire
entre tes balise <head> tu met:
<script type="text/javaScript">
function redirection()
{
if (document.nomduformulaire.select.value=='appartement'
{document.forms['nomduformulaire'].action = "www.urldusite1.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='maison'
{document.forms['nomduformulaire'].action = "www.urldusite2.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='villa'
{document.forms['nomduformulaire'].action = "www.urldusite3.com";
document.forms['nomduformulaire'].submit();
}
}
</script>
et dans ton select tu met onchange=' redirection()'
ce qui donne <select name='select' onchange=' redirection()' >
voila !
ps:urldusite correspond a l'adresse du site et nomduformulaire =le nom de ton formulaire (mais c'est assez explicite je crois )
alors une solution (si ton <select et dans un formulaire bien sur) ça consiste a changer "action " dans ton formulaire
entre tes balise <head> tu met:
<script type="text/javaScript">
function redirection()
{
if (document.nomduformulaire.select.value=='appartement'
{document.forms['nomduformulaire'].action = "www.urldusite1.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='maison'
{document.forms['nomduformulaire'].action = "www.urldusite2.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='villa'
{document.forms['nomduformulaire'].action = "www.urldusite3.com";
document.forms['nomduformulaire'].submit();
}
}
</script>
et dans ton select tu met onchange=' redirection()'
ce qui donne <select name='select' onchange=' redirection()' >
voila !
ps:urldusite correspond a l'adresse du site et nomduformulaire =le nom de ton formulaire (mais c'est assez explicite je crois )
merci tt le monde.
les liens marche bien, mais je veux ajouter un bouton du type submit. et dés que je click sur ce bouton les liens marche. et une petite remarque est ce que le script est le meme s'il sagit des pages du meme site web et non pas des adresse url?
merci beaucoupppppppppppppppppppppppppppppp!!!!!!!!
les liens marche bien, mais je veux ajouter un bouton du type submit. et dés que je click sur ce bouton les liens marche. et une petite remarque est ce que le script est le meme s'il sagit des pages du meme site web et non pas des adresse url?
merci beaucoupppppppppppppppppppppppppppppp!!!!!!!!
alors dans ce cas il faut changer, oter le onChange sur la liste et lmettre onSubmit dans <form
tu peux aussi mettre action="page_par_defaut.htm"
car si le javascript est désactivé sur le pc du client ça ne marchera pas alors dans la page par defaut tu peux y mettre les liens en "dur"
tu peux aussi mettre action="page_par_defaut.htm"
car si le javascript est désactivé sur le pc du client ça ne marchera pas alors dans la page par defaut tu peux y mettre les liens en "dur"
<html>
<head>
<script language="javascript">
function appel_pages(id_lire){
var page=document.getElementById(id_lire).value;//lecture page selest dans la lsite
if (page == -1){//si l'utilisateur revient sur la première ligne
return
}
document.form1.action=page;//on modifie le action du formulaire
//document.form1.submit();//on envoie le formulaire
return true;
}
</script>
<head>
<body>
<form name="form1" id="form1" action="page_par_defaut.html" onSubmit="return appel_pages('helper');">
<select name="helper" id="helper" size="1">
<option value="-1" selected >Selectionnez</option><!-- il faut absolument cette ligne pour toujours avoir un changement -->
<option value="http://lien_appt">Appartement</option>
<option value="http://lien_maison">Maison</option>
<option value="http://lien_villa">Villa</option>
</select>
<br /><br />
<input type="submit" name="envoyer" value="Accèder" />
<form>
</body>
</html>
