Disable Select List options Once Chosen another select List

Question

I have two selected list 

Branch and Warehouse 

if i choose value of one of them the onther should be disabled 

for example if i choosed a value from Branch then Warehouse should be disbaled and opposite is right . 

 

  <div class="form-group">
                <label asp-for="Input.Branch"></label>
                <select asp-for="Input.Branch" id="branch" class="form-control">
                    <option value="">--Select Branch--</option>
                    @foreach (var item in Model.BranchesList)
                    {
                        <option value="@item.BranchId.ToString()">@item.BranchName</option>
                    }
                </select>

                <span asp-validation-for="Input.Branch" class="text-danger"></span>
            </div>

            <div class="form-group">
                <label asp-for="Input.Warehouse"></label>
                <select asp-for="Input.Warehouse" id="warehouse" class="form-control">
                    <option value="">--Select Branch--</option>
                    @foreach (var item in Model.WarehousesList)
                    {
                        <option value="@item.WareHouseId.ToString()">@item.Name</option>
                    }
                </select>
                <span asp-validation-for="Input.Warehouse" class="text-danger"></span>
            </div>
            <button type="submit" class="btn btn-primary">Register</button>
        </form>

JavaScript :
 $(document).ready(function () {
            $("#branch").change(function () {

                if ($(this).val() == "branch") {

                    $("#warehouse").attr('disabled', 'disabled');
                }
                else {
                    $("#warehouse").removeAttr('disabled');
                }
            });
        });