JSFiddle - React, Tailwind, and code Playground

by swaroop206

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<select class="service_nos_vald">
    <option value="1 column">1 column</option>
    <option value="2 column">2 column</option>
    <option value="3 column">3 column</option>
	
</select>

<select class="service_nos_vald">
     <option value="1 column">1 column</option>
    <option value="2 column">2 column </option>
    <option value="3 column">3 column</option>
    
   
</select>
<select class="service_nos_vald">
     <option value="1 column">1 column</option>
    <option value="2 column">2 column </option>
    <option value="3 column">3 column</option>
    
   
</select>

JavaScript

$(document).ready(function() {
 $(".service_nos_vald").change(function() {            
      var selectedOption = $('option:selected', this).text(); 
       
      $(".service_nos_vald option:contains('" + selectedOption + "'):not(:selected)").hide();
   });

});