JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select1" name="phoneusescategories">
                      <option value="" selected="selected">top-1 use </option>
                      <option value="Games"> Games</option>
                      <option value="2"> Productivity</option>
                      <option value="3"> News</option>
                      <option value="4"> Shopping & services</option>
                      <option value="5"> Music</option>
                      <option value="6"> Social Networking</option>
                      <option value="7"> Browser</option>
                    </select>

                    <select id="select2" name="phoneusescategories">
                      <option value="" selected="selected">top-2 use </option>
                      <option value="Games"> Games</option>
                      <option value="2"> Productivity</option>
                      <option value="3"> News</option>
                      <option value="4"> Shopping & services</option>
                      <option value="5"> Music</option>
                      <option value="6"> Social Networking</option>
                      <option value="7"> Browser</option>
                    </select>

                    <select id="select3" name="phoneusescategories">
                      <option value="" selected="selected">top-3 use </option>
                      <option value="Games"> Games</option>
                      <option value="2"> Productivity</option>
                      <option value="3"> News</option>
                      <option value="4"> Shopping & services</option>
                      <option value="5"> Music</option>
                      <option value="6"> Social Networking</option>
                      <option value="7"> Browser</option>
                    </select>

JavaScript

$('select').on('change', function(){
 
    $("select").not(this).find("option[value="+ $(this).val() + "]").prop('disabled', true);
});