2014-01-20 3 views
0

То, что я пытаюсь сделать, это загрузить CSV-файл, затем подсчитать столбцы файла, а затем упорядочить столбцы в соответствии с их содержимым.как удалить значение из поля выбора после его выбора

Ex: в CSV-файле есть 3 столбца, теперь пользователь будет определять содержимое столбца, чтобы он мог быть правильно загружен в базу данных.

Как я могу использовать параметр выбора для заполнения полей ввода после того, как пользователь выбирает значение, которое оно будет отключено в поле выбора.

enter image description here

поле выбора будет содержать определенные значения.

enter image description here

после выбора значения теперь будет отключить или удалить, пока не выбрано из предыдущего окна выбора.

enter image description here

похож на Jquery Tag's Multi Selectorhttp://harvesthq.github.io/chosen/#multiple-select

, но он будет распространяться на каждой линии, созданной из файла CSV.

ответ

1

Дайте этому попытку: http://jsfiddle.net/rM88C/2/

Это должно позволить вам добавить неопределенное количество выпадающих «Jquery Избранного» и и иметь любое выбранное значение «Disabled» во всех выпадающих с тем же именем класса. Я предоставил многоэкранную версию, но преобразование ее в одну выбранную версию для ваших целей должно быть тривиальным.

Javascript код приведен ниже, но проверить скрипку первый

// get selects for later use 
var selects = $('.myChosen'); 

// whenever the selection changes, either disable or enable the 
// option in the other selects 
selects.chosen().change(function() { 
    var selected = []; 

    // add all selected options to the array 
    selects.find("option").each(function() { 
     if (this.selected) { 
      selected[this.value] = this; 
     } 
    }) 

    // disable or enable options 
    .each(function() { 

     // if the current option is already selected in another select disable it. 
     // otherwise, enable it. 
     this.disabled = selected[this.value] && selected[this.value] !== this; 
    }); 

    // trigger the change event in the other "chosen" selects 
    selects.trigger("chosen:updated"); 
}); 
Смежные вопросы