Discussion :

[dav2k]

Bonjour,

Tout est dans le titre!

Je cherche un moyen d'empêcher la sélection / dé sélection des options d'un select multiple sachant que readonly ne fonctionne pas sur un select et que disabled ne me convient pas dans le sens où les options du select ne sont plus lisibles sous Chrome...

Une idée ?

[Loceka]

C'est moche mais tu peux essayer ça :

Code :

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

1
2
3
4
5
6
7
<select id="monSelect" onchange="this.selectedIndex = monIndex;">
	<option name="a">a</option>
	<option name="b">b</option>
</select>
<script type="text/javascript">
  var monIndex = document.getElementById("monSelect").selectedIndex;
</script>

[Bovino]

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<select multiple="multiple">
    <option value="1" onclick="return false;" onselectstart="return false;">1</option>
    <option value="2" onclick="return false;" onselectstart="return false;">2</option>
    <option value="3" onclick="return false;" onselectstart="return false;">3</option>
    <option value="4" onclick="return false;" onselectstart="return false;">4</option>
    <option value="5" onclick="return false;" onselectstart="return false;">5</option>
    <option value="6" onclick="return false;" onselectstart="return false;">6</option>
    <option value="7" onclick="return false;" onselectstart="return false;">7</option>
    <option value="8" onclick="return false;" onselectstart="return false;">8</option>
    <option value="9" onclick="return false;" onselectstart="return false;">9</option>
    <option value="10" onclick="return false;" onselectstart="return false;">10</option>
</select>

devrait fonctionner pour tous les navigateurs.

EDIT : Après essai, il faut remplacer "return false" par "this.selected=false"...

[dav2k]

Merci pour vos réponses !

Et si je génère ces options en JS avec appendChild comment est-ce que je pourrais déclarer le onclick et le onselectstart ?

Ce code n'a pas l'air de fonctionner :

Code :

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

1
2
3
4
5
6
7
8
9
 
while(vals[++i]){ 
		var newOption = window.opener.document.createElement('option'); 
		newOption.innerHTML = vals[i];
		newOption.value = vals[i];
		newOption.onchange = this.selected=false;
		newOption.onselectstart = this.selected=false;
		selectList.appendChild(newOption);
	}

[Bovino]

Code :

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

1
2
newOption.onchange = function(){this.selected=false;};
newOption.onselectstart = function(){this.selected=false;};

[dav2k]

Toujours pas.
En cliquant je peux toujours sélectionner / dé sélectionner la sélection ...

Ça fonctionne pour toi Bovino ?