Проверить наличие повторяющихся значений в раскрывающемся списке с несколькими выделениями

Question

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

JSFIDDLE

<select id="sel_1"> 
    <option value="one">one</option> 
</select> 

<select id="sel_2"> 
    <option value="two">two</option> 
</select> 

<select id="sel_3"> 
    <option value="one">one</option> 
</select> 

<select id="sel_4"> 
    <option value="three">three</option> 
</select> 

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

Answer 1

можно закодировать так. onclick кнопки сохранения.

function save() { 
    var selects = document.getElementsByTagName('select'); 
    var values = []; 
    for(i=0;i<selects.length;i++) { 
     var select = selects[i]; 
     if(values.indexOf(select.value)>-1) { 
      alert('duplicate exists'+select.value); break; 
     } 
     else 
      values.push(select.value); 
    } 
} 

как может этот код запретить пользователю подачи до значения не являются уникальными? анс:

function save() { 
     var selects = document.getElementsByTagName('select'); 
     var values = []; 
     for(i=0;i<selects.length;i++) { 
      var select = selects[i]; 
      if(values.indexOf(select.value)>-1) { 
       alert('duplicate exists'+select.value); return; //if duplicates found we are returning. without save and no need to continue. 
      } 
     } 
    //saveform here 
    }