Javascript validate select dropdown

Question

I have a form with JavaScript validation. There are 3 drop-down (select) fields with questions and 3 input fields with answers.

Is there a way to check the selection fields so that they don't have the same question?

here is my code

<script type="text/javascript"> var errmsg; function validate() { var textA= document.getElementById("text1"); var textB= document.getElementById("text2"); var textC = document.getElementById("text3"); var textD = document.getElementById("text4"); var textE = document.getElementById("text5"); var textF = document.getElementById("text6"); var txt1 = document.getElementById("text1").value; var txt2 = document.getElementById("text2").value; var txt3 = document.getElementById("text3").value; var txt4 = document.getElementById("text4").value; var txt5 = document.getElementById("text5").value; var txt6 = document.getElementById("text6").value; var txt1_len = txt1.length; var txt2_len = txt2.length; var txt3_len = txt3.length; var txt4_len = txt4.length; var txt5_len = txt5.length; var txt6_len = txt6.length; if(txt1_len == '') { errmsg = "Please select a question"; document.getElementById("ermsg").innerHTML = errmsg; textA.focus(); return false; } else if(txt2_len == 0 || txt2_len > 23 || txt2_len < 3) { errmsg = "Invalid Answer"; document.getElementById("ermsg").innerHTML = errmsg; textB.focus(); return false; } else if(txt3_len == '') { errmsg = "Please select a question"; document.getElementById("ermsg").innerHTML = errmsg; textC.focus(); return false; } else if(txt4_len == 0 || txt4_len > 23 || txt4_len < 3) { errmsg = "Invalid Answer"; document.getElementById("ermsg").innerHTML = errmsg; textD.focus(); return false; } else if(txt5_len == '') { errmsg = "Please select a question"; document.getElementById("ermsg").innerHTML = errmsg; textE.focus(); return false; } else if(txt6_len == 0 || txt6_len > 23 || txt6_len < 3) { errmsg = "Invalid Answer"; document.getElementById("ermsg").innerHTML = errmsg; textF.focus(); return false; } else { return true; } return false; } </script> 

and then html code

https://jsfiddle.net/johnmathew21/ty999fkv/

Answer 1

you must compare the text inside each ddl, I will add the following condition:

  $('#text1 option:selected').text() === $('#text2 option:selected').text() 

working fiddel: here

Answer 2

When changing the 1st fall - disable / delete this specific question from other drop-down lists.

 $('#text1').change(function(){ $('#text2 option[value='+$('#text1').val() +']').attr('disabled',true); $('#text3 option[value='+$('#text1').val() +']').attr('disabled',true); }); 

something like this will work.