title: Any solution to select the dropdown value rather than first index
body: <p>I have five options with same values in it. Is there any way to select all the indexes of option tag rather than first index.</p>
  
  <p>Consider this js fiddle for the same </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var duplicates = [];
  
  function checkResult(){
  var box1 = document.getElementById('box_g1');
  var box2 = document.getElementById('box_g2');
  var box3 = document.getElementById('box_g3');
  var box4 = document.getElementById('box_g4');
  var box5 = document.getElementById('box_g5');
  
  var b1 = box1.options[box1.selectedIndex].value;
  var b2 = box2.options[box2.selectedIndex].value;
  var b3 = box3.options[box3.selectedIndex].value;
  var b4 = box4.options[box4.selectedIndex].value;
  var b5 = box5.options[box5.selectedIndex].value;
      
  console.log(b1);
  console.log(b2);
  console.log(b3);
  console.log(b4);
  console.log(b5);    
  
  var arr  = [b1,b2,b3,b4,b5];
  var hash = [];
  
  for (var n=arr.length; n--; ){
     if (typeof hash[arr[n]] === 'undefined' ) hash[arr[n]] = [];
     
      hash[arr[n]].push(n);
  }
  
  for (var key in hash){
      if (hash.hasOwnProperty(key) &amp;&amp; hash[key].length &gt; 1){
          duplicates.push(key);
      }
  }
  
  if(duplicates.length &gt; 0){
      alert("duplicate found");
  }else{
       alert("No duplicate");   
  }
  duplicates.length =0;    
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select name="n1" id="box_g1"&gt;
      &lt;option value="Default"&gt;Default&lt;/option&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  
  &lt;select name="n2" id="box_g2"&gt;
      &lt;option value="Disabled"&gt;Disabled&lt;/option&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  &lt;select name="n3" id="box_g3"&gt;
      &lt;option value="Disabled"&gt;Disabled&lt;/option&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  &lt;select name="n4" id="box_g4"&gt;
      &lt;option value="Disabled"&gt;Disabled&lt;/option&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;
  &lt;select name="n5" id="box_g5"&gt;
      &lt;option value="Disabled"&gt;Disabled&lt;/option&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;input type="submit" value="Check Result" onclick="checkResult();"/&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I did some trick. But not able to identify, whether it is possible or not.</p>
  
  <p>For box2, box3, box4 and box5, if the user select 'Disbaled' option for any of the boxes rather than box1.</p>
  
  <p>the user will be shown a pop up : "Duplicates found".</p>
  
  <p>Currently, if i select <strong>"Disabled"</strong> option, it shows duplicate found which i dont want. </p>