Discussion :

[dany13]

Bonjour,

je colle sur un morceau de code (qui est plutôt basique j'avoue) mais n’étant pas experte en JS, je fais appel a vos lumières

Situation :
- 1 select box avec des valeurs
- 1 select box caché qui doit s'afficher selon la valeur sélectionnée dans la 1ere select Box

Objectif :
=> afficher la 2eme select box si le contenu du texte (et non la "value") de la 1ere commence par "ZZ-"

Voici mon code actuel qui ne fait pas ce que je souhaiterai krrrr

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
$(document).ready(function(){
	if ($("select[title='Ma 1ere selectBox'] option:selected").text() == "ZZ-")
	{
		$('nobr:contains("Ma 2eme selectBox")').closest('tr').hide();
	}
	else
	{
		$('nobr:contains("Ma 2eme selectBox")').closest('tr').show();
	}
 
	// Show/hide columns based on Drop Down Selection
	$("select[title='Ma 1ere selectBox']").change(function() {
		if ($("select[title='Ma 1ere selectBox'] option:selected").text() == "ZZ-")
		{
			$('nobr:contains("Ma 2eme selectBox")').closest('tr').hide();
		}
		else
		{
			$('nobr:contains("Ma 2eme selectBox")').closest('tr').show();
		}
	});
});
</script>

Dans mon code, ce qui ne va pas c'est cette partie qui conditionne sur "si mon texte selectionné = ZZ-". Alors que moi je souhaiterai "si mon texte sélectionné commence par ZZ-" ou "si les 3premier caractere de mon texte selectionné = ZZ-"".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if ($("select[title='Ma 1ere selectBox'] option:selected").text() == "ZZ-")

Merci par avance de vos lights

[SpaceFrog]

regarde du coté de indexOf ou des expressions régulières...

[dany13]

Merci SpaceFrog.
J'ai peut etre trouvé une piste avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

option:selected:contains('ZZ-')

je vous tiens au jus!!

[NoSmoking]

Bonjour,
cela ne te donnera pas la position du texte mais seulement sa présence.

Il existe aussi la méthode subString(), dans ton cas text.substring(0,2) pour les deux premiers caractères.

[dany13]

NoSmoking, merci pour ta proposition mais je ne parviens pas à le faire fonctionner (meme si effectivement c'est une solution que j'aurai préférée au "contains").

Apres quelques tests, la solution avec le "contains" fonctionne parfaitement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
$(document).ready(function(){
	if ($("select[title='Ma 1ere selectBox'] option:selected:contains('ZZ -')").length)
	{
		$('nobr:contains("Ma 2eme selectBox")').closest('tr').show();
	}
	else
	{
		$('nobr:contains("Ma 2eme selectBox")').closest('tr').hide();
	}
 
	// Show/hide columns based on Drop Down Selection
	$("select[title='Ma 1ere selectBox']").change(function() {
		if ($("select[title='Ma 1ere selectBox'] option:selected:contains('ZZ -')").length)
		{
			$('nobr:contains("Ma 2eme selectBox")').closest('tr').show();
		}
		else
		{
			$('nobr:contains("Ma 2eme selectBox")').closest('tr').hide();
		}
	});
});
</script>

Merci pour m'avoir guidé vers cette solution.
Bonne journée @tous

[SpaceFrog]

Cela ne fonctionnera pas si tu as des zz - ailleurs ...
indexOf permet de savoir si c'est au début de la chaine

[dany13]

Certe SpaceFrog, tout comme la solution de NoSmoking, je préférerai vos solutions au "contains" (bien que cette solution me convienne dans le sens où ma liste est fermée, il n'y aura jamais d'autres cas qui ne rentre pas dans le traitement qui doit se faire).
Mais comme précisé, je ne suis pas à l’aise avec la syntaxe du Javascript et je ne vois pas (après plusieurs tests) comme "écrire" mon code avec le IndexOf ou le substring.

[SpaceFrog]

Rien de bien sorcier pourtant ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if  ($("select[title='Ma 1ere selectBox'] :selected").text().indexOf('ZZ -')===0)

[dany13]

Merci SpaceFrog, ça fonctionne aussi et c'est bien mieux c'est certain
Et bien je dirai que pour moi c'est super sorcier oui...Dans les langage de programmation que j'ai déjà utilisé et qui font que le code s'ecrit de façon evidente, j'ai du mal avec Javascrip, le coup des 3 caractères égal, la façon de pointer text() avec l'attribut IndexOf ...ce n'est pas si "évident" pour moi

Merci pour vos lumières si précieuse.

Bonne journée @vous

[NoSmoking]

Je suis un peu surpris, je pensais que SpaceFrog te fournirait la version avec les RegExp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var texte = $('select[title=\'Ma 1ere selectBox\'] :selected').text();
if (/^ZZ/.test(texte)) {
  // texte commence par ZZ
}

[SpaceFrog]

J'ai l'air si méchant que ça ?