IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Bloquer s�lection/d� s�lection d'un select multiple


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    50
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 50
    Par d�faut Bloquer s�lection/d� s�lection d'un select multiple
    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 ?

  2. #2
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par d�faut
    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>

  3. #3
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    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"...
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    50
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 50
    Par d�faut
    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);
    	}

  5. #5
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    newOption.onchange = function(){this.selected=false;};
    newOption.onselectstart = function(){this.selected=false;};
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    50
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 50
    Par d�faut
    Toujours pas.
    En cliquant je peux toujours s�lectionner / d� s�lectionner la s�lection ...

    �a fonctionne pour toi Bovino ?

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 1
    Dernier message: 05/07/2011, 09h21
  2. S�lection personnalis�e en javascript dans un select multiple
    Par david64 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 06/04/2011, 13h45
  3. R�ponses: 2
    Dernier message: 14/11/2008, 16h01
  4. [MySQL] Select multiple pr�-s�lection� selon requ�te SQL
    Par elodie1234 dans le forum PHP & Base de donn�es
    R�ponses: 7
    Dernier message: 21/07/2008, 14h29
  5. R�cup�ration des valeurs select multiple sans s�lection
    Par akara dans le forum G�n�ral JavaScript
    R�ponses: 22
    Dernier message: 17/07/2007, 19h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo