2017-01-30 1 views
0

Ich benutze jQuery wählen Plugin, das zwei Eingabefelder verwendet, wenn Seite lädt ... und eine Notwendigkeit wie in diesem Beispiel, wenn ich Nummer 1 im ersten Feld diese Nummer auswählen ist aus dem zweiten Eingabefeld entfernt .... das funktioniert gut ... aber Problem ist, wenn ich dynamisch Eingabefeld hinzufügen kann ich nicht Element Nummer 1 aus dem dynamischen Eingabefeld hinzugefügt.jQuery Wählen Sie das Plugin aus dem Drop-Down-Menü

Also Frage ist: wie kann ich ausgewählte Werte aus dem Eingabefeld entfernen, wenn andere Eingabefelder, die dynamisch hinzugefügt wird und ausgewählte Elemente in jedem Auswahlfeld ist nicht sichtbar in allen ausgewählten Box, die existiert und dynamisch hinzugefügt wird?

Hier ist jsfiddle:

[http://jsfiddle.net/dq97z/640/][1] 

Und hier ist Bild, was ich brauche:

enter image description here

Antwort

1

Vielleicht haben Sie diese aus
helfen http://jsfiddle.net/s9r73qjm/

//an array to save selections 
var selectedVals = []; 
//push to the array when we have selected 
selectedVals.push(selectedValue); 

//check on the values when building the drop down 
$("#btn_newrow").click(function() { 
    var newList = document.createElement("select"); 
    newList.dataset.placeholder = "Number row 3"; 
    newList.style.width = "350px"; 
    var newListData = new Option("placeholder", "placeholder"); 
    for (var i = 0; i < 6; i++){ 
     if (selectedVals.indexOf(i.toString()) == -1){ 
     //then it hasn't been selected 
     newListData = new Option(i.toString(), i.toString()); 
     newList.appendChild(newListData); 
    } 
     $(".wrapper").append(newList); 
    } 

}); 
Verwandte Themen