Verhindern, dass die Mehrfachauswahl von Gleichen Wert

Hier ist der code weiterhin das auswählen und deaktivieren alle Zeiten, die wir wollen.

Erste Sache ist, um jedem die Möglichkeit, und sehen Sie dann die ausgewählten Werte, und deaktivieren Sie die Optionen, die zusammen mit den ausgewählten Werten.

Diese 2 Schritte sind wichtig, denn wenn Sie wieder wählen, deaktiviert die Werte von vor der würde weiterhin deaktiviert.

NEUESTE VERSION

Den eleganteren Weg, wo wir mit map() (bei stackoverflow gibt es eine gute Erklärung zu dieser Methode) und filter() von jquery-Funktionen, um die Arbeit zu tun. Weniger Zeilen, und ich denke, dass die gleiche Leistung oder besser.

http://www.jsfiddle.net/dactivo/keDDr/

$("select").change(function()
 {

        $("select option").attr("disabled",""); //enable everything

     //collect the values from selected;
     var  arr = $.map
     (
        $("select option:selected"), function(n)
         {
              return n.value;
          }
      );

    //disable elements
    $("select option").filter(function()
    {

        return $.inArray($(this).val(),arr)>-1; //if value is in the array of selected values
     }).attr("disabled","disabled");   

});

NEUE VERSION

Habe ich bearbeitet meine Antwort, dies ist meine Letzte version:

http://www.jsfiddle.net/dactivo/kNbWc/

$("select").change(function()
                   {

        $("select option").attr("disabled",""); //enable everything
        DisableOptions(); //disable selected values

                   });


function DisableOptions()
{
    var arr=[];
      $("select option:selected").each(function()
              {
                  arr.push($(this).val());
              });

    $("select option").filter(function()
        {

              return $.inArray($(this).val(),arr)>-1;
   }).attr("disabled","disabled");   

}

ALTE VERSION

http://www.jsfiddle.net/AyxL3/

$("select").change(function()
                   {

        $("select option").attr("disabled",""); //enable everything
        DisableOptions(); //disable selected values

                   });


function DisableOptions()
{

    $("select option").filter(function()
        {
              var bSuccess=false; //will be our flag to know it coincides with selected value
              var selectedEl=$(this);
              $("select option:selected").each(function()
              {

                  if($(this).val()==selectedEl.val())
                  {
                       bSuccess=true; //it coincides we will return true;
                       return false; //this serves to break the each loop
                   }               

              });
              return bSuccess;
   }).attr("disabled","disabled");   

}

Hier ist ein funktionierendes Beispiel:

http://jsfiddle.net/aNxBy/

Mit Ihren Daten, die Sie haben, dies zu tun:

$(document).ready(function() {
    $('select').change(function() {
        $('option[value=' + $(this).val() + ']').attr('disabled', 'disabled');
    });
});

Bewusst sein, aber die Tatsache, dass dies nicht deaktivieren deaktivieren, nachdem Sie geändert haben, auf einen anderen Wert. Ich wusste nicht fügen Sie diese in hier, weil Sie nicht genau angeben, was Sie tun musste nach Sie deaktiviert die option...wirklich, es könnte eine Reihe von möglichen Szenarien.

Eine Sache, die Sie tun können, Durchlaufen alle relevanten select Elemente, wenn das change-Ereignis feuert, finden Sie die Werte aller ausgewählten Optionen, und deaktivieren Sie gegebenenfalls.

könnten Sie etwas tun, wie

var curSelected = $('#1 option:selected').val();
$('#2 option[value="'+curSelected+'"]').remove()

(natürlich könnte man auch direkt $(this) wenn Sie möchten das ändern, um die Optionen, die sich durch die change handler)

Natürlich funktioniert es nicht rückwärts 🙂

In diesem Fall schlage ich vor, Sie bauen Ihre Optionen direkt mit JavaScript, so dass Sie den kompletten bauplan von dem entfernen der Elemente bei Bedarf, bevor ersetzen Sie verschiedene select

Werfen Sie einen Blick auf diese. Es:

1. wird die ID von dem dropdown, die Sie gerade geändert
2. durchläuft alle Auswahl-Listen
3. löschen Sie den Artikel, den Sie gerade ausgewählt aus allen anderen Listen