JSFiddle - React, Tailwind, and code Playground

by Vetrivel Samidurai

HTML

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>


<br />
<br />
<br />



<select>
    <option value="1"> Value 1 </option>
    <option value="2"> Value 2 </option>
    <option value="3" style="display:none"> Value 3 </option>
    <option value="4"> Value 4 </option>
</select>

JavaScript

/*$('select').find('option').each(function(index,Obj){

if($(this).css('display') == 'none')
//if($(this).attr('value')=='2')
    //$(this).css('display', 'none');
    
     $(this).attr("disabled","disabled");
});*/


$('select').on('change', function() {
 alert( this.value );

$('select').find('option').each(function(index,Obj){

if($(this).css('display') == 'none')
//if($(this).attr('value')=='2')
    //$(this).css('display', 'none');
    
     $(this).attr("disabled","disabled");
});

});