2017-01-30 3 views
0

Я использую jquery select plugin, который использует два поля ввода при загрузке страницы ... и необходимость в этом примере, когда я выбираю номер 1 в первом поле, что это число удаляется из второго окна ввода .... это работает отлично ... но проблема в том, что когда я добавляю динамически окно ввода, я не могу получить элемент номер 1, удаленный из добавленного динамического поля ввода.jQuery Chose plugin Как удалить выбранный элемент из раскрывающегося списка

Вопрос заключается в следующем: как я могу удалить выбранные значения из поля ввода при выборе других полей ввода, которые добавляются динамически, а выбранные элементы в каждом окне выбора не отображаются во всех выбранных блоках, которые существуют и добавляются динамически?

Вот jsfiddle:

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

А вот картина, что мне нужно:

enter image description here

ответ

1

Может быть, это поможет вам
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); 
    } 

}); 
Смежные вопросы