동일한 이름의 여러개의 Select 박스에서 중복 값 걸러내기

동일한 이름의 여러개의 Select 박스들이 각각 값이 중복되지 않게끔 저장 되어져야 하는 경우 다음과 같은 방법으로 체크할 수 있다. jQuery 를 이용하였다.

<select id='fruit' name='fruit'> <option value='apple'>사과</option> <option value='banana'>바나나</option> <option value='watermelon'>수박</option> </select> <select id='fruit' name='fruit'> <option value='apple'>사과</option> <option value='banana'>바나나</option> <option value='watermelon'>수박</option> </select> function checkDupl() { var temp = []; var obj = $('select[name="fruit"]'); var result = false; // 현재 옵션값 임시 배열에 저장 $(obj) .each(function(i) { temp[i] = $(this).val(); }); // 임시 배열값 과 옵션값이 같으면 임시 변수값 증가 $(temp) .each(function(i) { var x = 0; $(obj).each(function() { if( temp[i] == $(this).val() ) { x++; } }); // 임시 변수값이 1 이상, 즉 1개 이상 중복되는값이 있으면 바로 종료 if(x > 1) { alert('동일한 과일이 존재합니다.'); result = true; return false; } }); return result; }