Liste déroulante html avec des liens?
Résolu
linda.zazy
Messages postés
318
Statut
Membre
-
linda.zazy Messages postés 318 Statut Membre -
linda.zazy Messages postés 318 Statut Membre -
Bonjour,
svp aider moi.
j'ai fait une liste déroulante avec dreamwaever.avec la balise select
voila le code:
<select name="select">
<option selected="selected">appartement</option>
<option>maison</option>
<option>villa</option>
mais j'arrives pas a mettre des liens pour chaque élement de cette liste.
please help me
merci d'avance.
svp aider moi.
j'ai fait une liste déroulante avec dreamwaever.avec la balise select
voila le code:
<select name="select">
<option selected="selected">appartement</option>
<option>maison</option>
<option>villa</option>
mais j'arrives pas a mettre des liens pour chaque élement de cette liste.
please help me
merci d'avance.
Configuration: Windows XP Internet Explorer 6.0
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, -
Salut,
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 ) -
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!!!!!!!! -
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"
<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> -
