如何驗證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                  
    }         
}

請不要直接復制粘貼此代碼。這只是做這些事情的一種方法。

參考