[Javascript] Selection d'option dans un select et grisage d'options dans un autre
Bonjour bonjour.
Je suis débutant en javascript (et mon niveau en html et php doit pas aller au-dessus de ce que je qualifierai "d'intermédiaire")
J'ai un formulaire , qui a notamment 2 select.
Les option de ces select sont récupérés a partir d'une base de données (MySQL pour me pas la nommer).
J'ai un select "secteur" et un select "client".
Ce que je voudrais, c'est que quand je clique sur un secteur, tous les clients non concernés se grisent (pour ne plus les sélectionner).
J'ai tapé ce script, qui ne fonctionne ni sous firefox, ni sous msie, dans le head de ma page:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| <script langage="javascript">
function change(var a)
{
var le_segment = document.getElementById(a).text;
var nombre_clients = document.getElementByID('_client').length;
if (segment === 'tutto')
{
for (var i = 1 ; i <= nombre_clients ; i++)
{
document.getElementById('cli'+i.toString()).disabled='';
}
}
else
{
for (var i = 1 ; i <= nombre_clients ; i++)
{
if (document.getElementById('cli'+i.toString()).segment == le_segment)
{
document.getElementById('cli'+i.toString()).disabled='';
}
else
{
document.getElementById('cli'+i.toString()).disabled='disabled';
}
}
}
}
</script> |
Je l'appelle dans mon select "segment" de la manière suivante:
Code:
<td><select id="idsegment" name="_segment" onMouseDown="change(this.form._segment.options[this.form._segment.selectedIndex].id)">
Les options de ce select ont cette forme :
Code:
<option id="seg0" value="">tutto</option>
Et pour le select des clients, il ressemble a ca:
Code:
<select id="idclient" name="_client">
et ses options :
Code:
<option id="cli0" segment="" value="">tutte</option>
Voila, si vous pouviez m'aider, ce serait vachement sympa.
