Listes déroulantes liées - simuler un clic

[K-lol]

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.

[jreaux62]

Bonjour,
=> est-il possible de voir tout le code (avec les balises html, script, ...)
javascript, jquery ?

ps : a mon avis, ce n'est pas comme ca qu'il faut s'y prendre.

=> Peux-tu surtout préciser ce que tu cherches à faire ?

[K-lol]

Merci pour ta réponse.

Je peux juste te mettre encore la liste déroulante mais sinon...

Code :

1
2
3
4
5
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" onchange="javascript:findCombination();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if};">
					{foreach from=$group.attributes key=id_attribute item=group_attribute}
						<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
					{/foreach}
				</select>

En fait je vais mettre une image



Quand je clic sur 6-12 mois la liste déroulante change bien. Mais quand je clique sur envoyer il m'envoie 0-3 mois. (car il est pas défaut au chargement de la page)

Mais si je sélectionne 12-18 mois par la liste déroulante, là ca marche bien.

Mais la liste déroulante sera plus visible lors de la mise en ligne. (un petit display:none; par la suite)

Merci pour ton aide