Listes déroulantes liées - simuler un clic
Bonjour,
Je me suis inspirée des listes déroulantes liées pour faire mon code.
En fait j'ai 4 liens qui font changés la liste déroulante.
Ca fonctionne bien faut lors de l'envoie du resultat de la liste. Ca envoie le résultat de la liste où on a cliqué dessus.
Donc ma liste se modifie bien par rapport aux liens qu'on clique. Mais le résultat ne se modifie pas.
Je sais pas si on peut simuler un clic ou si y a un autre moyen d'avoir le bon résultat...
Voilà mon code :
Les liens :
Code:
1
2
3
4
5
6
| <ul id="taille">
<li id="t1" class="selected"><a href="#" value="23" onClick="javascript:t1();" title="1"></a></li>
<li id="t2"><a href="#" value="25"onClick="javascript:t2();" title="2"></a></li>
<li id="t3"><a href="#" value="26" onClick="javascript:t3();"title="3"></a></li>
<li id="t4"><a href="#" value="27" onClick="javascript:t4();"title="4"></a></li>
</ul> |
Ma fonction :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| function t1()
{
$('div#choix_taille #taille li#t1').click(function(){
$('div#choix_taille #taille li#t1').addClass('selected');
$('div#choix_taille #taille li#t2').removeClass('selected');
$('div#choix_taille #taille li#t3').removeClass('selected');
$('div#choix_taille #taille li#t4').removeClass('selected');
document.forms['buy_block'].elements['group_4'].selectedIndex = 0;
});
function t2()
{
$('div#choix_taille #taille li#t2').click(function(){
$('div#choix_taille #taille li#t2').addClass('selected');
$('div#choix_taille #taille li#t1').removeClass('selected');
$('div#choix_taille #taille li#t3').removeClass('selected');
$('div#choix_taille #taille li#t4').removeClass('selected');
document.forms['buy_block'].elements['group_4'].selectedIndex = 1;
});
} |
Je sais pas si c'est clair sinon n'hésitez pas à me le dire.
