Как проверить динамически создаваемые поля выбора в JavaScript?

Question

У меня есть HTML-таблица, где строки добавляются динамически с помощью функции JavaScript.У меня есть поле выбора, чтобы выбрать название продукта в каждой строке.Работает нормально.

Теперь я хочу проверить поле выбора.Я понятия не имею, как это сделать.Значения в текстовых полях не должны выбираться более одного раза в следующих строках.

Я хочу показать предупреждение типа «Выбранный вами продукт уже выбран» onSelect и измените выбранное значение на -Выберите ---.

Смотрите его в действии здесь

Answer 1

Предполагая, что вы не хотите, чтобы несколько полей выбора содержали одно и то же значение.Что касается метода insSpec(), вы можете выполнить итерацию для существующих строк, т.е. блоков выбора, и захватить эти значения. Затем вы можете проверить, выбран ли он, или нет, используя selected свойство всех блоков выбора.* ОБНОВЛЕНИЕ

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     //iterate through cells
     for (var j = 0, cell2; cell2 = table.cells[j]; j++) {
     //check already selected selectboxes have same value or not
     //compare only selected select boxes
     if(cell.getElementsByTagName('select')[0].selected && cell2.getElementByTagName('select')[0].selected){
         //compare values of both cell's select boxes using value property and alert message                  
    }         
}

Пожалуйста, не копируйте и не вставляйте этот код напрямую. Это просто способ сделать вещи.