JSFiddle - React, Tailwind, and code Playground

by gromer

HTML

<div class="my_div">
    <select name="selection" id="select_id">
        <option>Select One</option>
        <option value="0">A</option>
        <option value="5">B</option>
        <option value="6">C</option>
        <option value="7">D</option>
        <option value="8">D</option>
        <option value="9">F</option>
    </select>
</div>

<a class="links" href="#">Disable A C D</a>
<a class="links" href="#">Disable B E F</a>

JavaScript

console.log($('a.links').length);
console.log($('.links a').length);

$('a.links').click(function(){
    var txt = $(this).text();       

    if( txt == 'Disable A C D'){
        $('div.my_div #select_id').find("option[value='0']").attr('disabled','disabled').hide();
        $('div.my_div #select_id').find("option[value='6']").attr('disabled','disabled').hide();
        $('div.my_div #select_id').find("option[value='7']").attr('disabled','disabled').hide();
    }
});