Création d'un menu déroulant D'url
lemechu
Messages postés
2
Statut
Membre
-
Alain42 -
Alain42 -
Bonjour,
J'aimerai un peu d'aide quand a la création d'un menu déroulant, ou les choix redirigent vers une url (http://....)
J'ai ca :
<form method=... id="tonForm">
<select ... onchange="goUrl(this);" >
<option value="http://egrael.free.fr/blog/index.php?2007/12/15/20-chez-les-nains-jaunes">Ronan</option>
<option value="jean.html">Jean</option>
<option value="vide">Vide</option>
</select>
</form>
et ca :
function goUrl(selectUrl)
{
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}
Le probleme c'est que ca ne marche pas dans le cas d'un URL "complet"
Merci !
J'aimerai un peu d'aide quand a la création d'un menu déroulant, ou les choix redirigent vers une url (http://....)
J'ai ca :
<form method=... id="tonForm">
<select ... onchange="goUrl(this);" >
<option value="http://egrael.free.fr/blog/index.php?2007/12/15/20-chez-les-nains-jaunes">Ronan</option>
<option value="jean.html">Jean</option>
<option value="vide">Vide</option>
</select>
</form>
et ca :
function goUrl(selectUrl)
{
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}
Le probleme c'est que ca ne marche pas dans le cas d'un URL "complet"
Merci !
Configuration: Mac OS X Firefox 2.0.0.11
1 réponse
-
Bonsoir,
essayes comme ça, chez moi ça marche sous FF
<html> <script language="javascript" type="text/javascript"> function goUrl(selectUrl){ var url_sel=document.getElementById(selectUrl).value; document.forms['form1'].action=url_sel; document.forms['form1'].submit(); } </script> <form name="form1" method="post" id="tonForm"> <select name="liste1" id="liste1" onchange="goUrl('liste1');" > <option value="-1" selected >Choisissez</option> <option value="http://egrael.free.fr/blog/index.php?2007/12/15/20-chez-les-nains-jaunes" >Ronan</option> <option value="jean.html">Jean</option> <option value="vide">Vide</option> </select> </form> </html>
il faut mettre une ligne d'option "choisissez" (ou autre) sinon tu ne peux pas sélectionner le premier (pas de onChange)
