Как использовать класс bootrap, а также класс CSS

Question

Как я могу использовать 2 разных класса?У меня есть 2 поля параметров HTML, когда пользователь выбирает ремонт или другой в первом.Тогда должен появиться второй.Но также нужен класс начальной загрузки: управление формой.

<script>
    $(function() {
        $("#correctiemaatregelen").on("change", function() {
            var select_val = $(this).val();
            console.log(select_val);
            if (select_val === 'Other') {
                $("#leveranciers").removeClass("hidden");
                document.getElementById("leveranciers");
            }
            else if (select_val === 'Repair') {
                $("#leveranciers").removeClass("hidden");
                document.getElementById("leveranciers");
            }
            else {
                $("#leveranciers").addClass("hidden");
                $("#leveranciers").val("");
            }
        });
    });
</script>

Correctie maatregelen:<br>
<select name="correctiemaatregelen" class="form-control" id="correctiemaatregelen" style="width: 300px">
    <option value="--Correctie maatregel--">--Correctie maatregel--</option>
    <option value="Use">Use</option>
    <option value="Repair">Repair</option>
    <option value="Return">Return</option>
    <option value="Other">Other</option>
</select>
<br>
<select name="leveranciers" id="leveranciers" class="form-control hidden" style="width: 300px">
    <?php while ($row4 = mysqli_fetch_assoc($result4)):; ?>
        <option value="<?php echo $row4['statusname'];?>"><?php echo $row4['statusname'];?></option>
    <?php endwhile;?>
</select>

Кто-нибудь может помочь мне с этой (простой) проблемой?

Answer 1

Не могли бы вы просто добавить еще один класс к элементу?Если это вызывает проблемы, вы должны перезаписать некоторые стили Bootstrap своим собственным классом

$(function() {
    $("#correctiemaatregelen").on("change", function() {
        var select_val = $(this).val();
        console.log(select_val);
        if (select_val === "Other") {
            $("#leveranciers").removeClass("hidden");
            document.getElementById("leveranciers");
        }
        else if (select_val === "Repair") {
            $("#leveranciers").removeClass("hidden");
            $('#leveranciers').addClass("YOUR_CUSTOM_CLASS");
        }
        else {
            $("#leveranciers").addClass("hidden");
            $("#leveranciers").val("");
        }
    });
});

<select name="leveranciers" id="leveranciers" class="form-control YOUR_CUSTOM_CLASS hidden" style="width: 300px">
    <?php while ($row4 = mysqli_fetch_assoc($result4)):; ?>
        <option value="<?php echo $row4['statusname'];?>"><?php echo $row4['statusname'];?></option>
    <?php endwhile;?>
</select>