JSFiddle - React, Tailwind, and code Playground

HTML

<h3>select type</h3>
                         <select class="form-control" id="pr_bundling">
                             <option value='noselect99' selected >Select</option>
                             <option value="GPA" selected>GPA</option>
                             <option value="NUR">NUR</option>
                             <option value="TAK">TAK</option>
                         </select>
              
                     <h3>select book</h3>
                         <select class="form-control" id="pr_cross">
                         <option value='noselect29' selected >Select</option>
                             <option value="GPA">GPA</option>
                             <option value="NUR">NUR</option>
                             <option value="TAK">TAK</option>
                             <option value="AMD">AMD</option>
                         </select>

JavaScript

$("#pr_bundling").change(function(){

    $("#pr_cross").find("option").each(function(){
        $(this).removeAttr("disabled");
    });
    $("#pr_cross [value=" + $(this).val() + "]").attr("disabled","disabled");

    $('#pr_cross').not(this).has('option[value="'+  this.value + '"]:selected').val('noselect29');



})