Outils pour utilisateurs

Outils du site


Panneau latéral

webdev:javascript:snippets:on_select_change

Mettre un event javascript au changement d'option sur un select

Qui fonctionne quand on reclique sur la même option sur tous les navigateurs.

		// Auto-cocher les étapes
		var last_option_clicked = null;

		$('select.upack_attribute_select').on('input', function(e)
		{
			last_option_clicked = null; // Si on a cliqué sur une autre option, on remet à zéro la variable
			$(this).parent().parent().parent().parent().parent().parent().parent().addClass('selected');
			updateConfiguration();
		});

		// Cas particulier : clic même option sur Chrome
		$('select.upack_attribute_select').on('click', function(e)
		{
			// Si on clique pour la deuxième fois sur la même option, on coche la case
			if(last_option_clicked == this.selectedIndex)
			{
				last_option_clicked = null;
				$(this).parent().parent().parent().parent().parent().parent().parent().addClass('selected');
				updateConfiguration();
			}

			last_option_clicked = this.selectedIndex;
		});

		// Cas particulier quand on clique sur la même option (Firefox et IE)
		$('select.upack_attribute_select option').on('click', function(e)
		{
			$(this).parent().parent().parent().parent().parent().parent().parent().parent().addClass('selected');
			updateConfiguration();
		});
webdev/javascript/snippets/on_select_change.txt · Dernière modification: 05/11/2018 17:37 de dolo