如何验证JavaScript中动态创建的选择框？

Question

我有一个html表，其中的行通过javascript函数动态添加。 我有一个选择框，用于在每一行中选择产品名称。 它的工作正常。

现在，我要验证选择框。 我不知道该怎么做。 在接下来的行中，不应多次选择文本框中的值。

我想在onSelect上显示一个警告消息，例如“您已选择了您所选择的产品”，并将所选值更改为--Select ---。

在这里看到它的作用

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                  
    }         
}

请不要直接复制粘贴此代码。这只是做这些事情的一种方法。

参考