sélectionnez multiselect limite de l'option jusqu'à 2

Je suis à l'aide de sélections multiples pour différentes du sujet, je veux limiter le sélectionner jusqu'à 2 et les autres handicapés de la même façon, si l'utilisateur désélectionner, là Encore, l'option doit être disponible pour l'utilisateur.

<select multiple="multiple" class="subjects" name="subjects[]" style="float:left;width:205px;" size="5">
  <option value='1'>subject1</option>
  <option value='2'>subject2</option>
  <option value='3'>subject3</option>
  <option value='3'>subject3</option>
</select>

Jusqu'à présent j'ai réalisé pour désélectionner seule la dernière option qui a été choisie, après 2 et le code est comme suit 

    /**
     * Make sure the subject's limit is 2
     */
    $(".subjects option").click(function(e){

        if ($(this).parent().val().length > 2) {
            $(this).removeAttr("selected");
        }
    });

Merci.

voici la réponse de stackoverflow.com/questions/2046205/...
Merci pour la réponse, mais je veux faire toutes les autres options désactivées et dans le lien que vous avez fourni, c'est la dernière option désélectionner.
Voici un exemple d'utilisation de javascript (stackoverflow.com/questions/4135210/html-multiselect-limit)
Je soupçonne que vous ne pouvez pas désactiver l'option éléments d'une manière qui fonctionne dans tous les navigateurs.

OriginalL'auteur Prathamesh mhatre | 2012-08-08

  1. 5

    Amélioration de jQuery exemple, l'avis de l' (sinon, activer l'option, il les corrige un bug sur les exemples précédents que les personnes handicapées de l'sélectionnez options en permanence. Aussi enlevé l'Veuillez sélectionner seulement deux options." message d'erreur lorsque c'est possible.
    http://jsfiddle.net/c9CkG/25/

    jQuery(document).ready(function () {

jQuery("select").on("change", function(){
  var msg = $("#msg");

  var count = 0;

  for (var i = 0; i < this.options.length; i++)
  {
    var option = this.options[i];

    option.selected ? count++ : null;

    if (count > 2)
    {
        option.selected = false;
        option.disabled = true;
        msg.html("Please select only two options.");
    }else{
        option.disabled = false;
        msg.html("");
    }
  }
});

    });

    OriginalL'auteur FriendlyHacker

  2. 2

    Comme une amélioration sur RobG de réponse, vous pouvez désélectionner une option si elle rend comte > 2.

    Voir: http://jsfiddle.net/c9CkG/3/ pour un exemple de travail à l'aide de jQuery.

    function checkSelected(el) {
  var msgEl = document.getElementById('msg');
  var count = 0;

  for (var i=0, iLen=el.options.length; i<iLen; i++)

      el.options[i].selected? count++ : null;

      //Deselect the option.
      if (count > 2) {
          el.options[i].selected = false;
          el.options[i].disabled = true;

          msgEl.innerHTML = 'Please select only two options';
      }
}
    Presque proche, mais Lorsque l'utilisateur désélectionner tout l'un de l'option sélectionnée, l'autre option devrait être à nouveau disponible pour la sélection
    Cela devrait être assez simple pour vous de mettre en œuvre, sur une modification de voir si le max a été atteint, le changement est un désélectionner, et il n'est pas désactivé, puis d'activer les autres options.

    OriginalL'auteur Samuel Parkinson

  3. 1

    Quelque chose comme ce qui suit va faire la job:

    function checkSelected(el) {
  var msgEl = document.getElementById('msg');
  var count = 0;

  for (var i=0, iLen=el.options.length; i<iLen; i++)
      el.options[i].selected? count++ : null;

  msgEl.innerHTML = count > 2? 'Please select only two options' : '';
}
</script>

<span>Please select a maximum of two options:</span>
<select multiple onchange="checkSelected(this);">
  <option>0
  <option>1
  <option>2
  <option>3
</select>
<br>
<span id="msg"></span>

    Je ne pense pas que c'est une bonne idée de désactiver les options, vous n'en avez que deux seulement sont sélectionnés lorsque le formulaire est soumis. Jusqu'alors, il n'a pas d'importance.

    OriginalL'auteur RobG

  4. 0

    $(document).ready(function() {

  var last_valid_selection = null;

  $('#testbox').change(function(event) {
    if ($(this).val().length > 5) {
      alert('You can only choose 5!');
      $(this).val(last_valid_selection);
    } else {
      last_valid_selection = $(this).val();
    }
  });
});
    Pourquoi l'OP "essayez ceci"? C'est normalement bon pour expliquer vos suggestions et/ou des réponses. Code seulement les réponses peuvent être étonnamment peu utile, même si elles sont techniquement correctes. Un bonne réponse ont toujours une explication de ce qui a été fait et pourquoi il a été fait de cette façon, non seulement pour l'OP, mais pour les futurs visiteurs de SORTE que peut trouver cette question et de lire votre réponse.

    OriginalL'auteur jayapriya