как отключить выпадающие по умолчанию на радио-кнопку, которая проверила в первую очередь?

Question

Я хочу, чтобы емкость и раскрывающийся список поставщиков были отключены по умолчанию, поскольку установлен переключатель. Теперь я могу отключить только емкость и поставщика, если щелкнуть переключатель внутри. кто-нибудь может мне помочь?

Спасибо

HTML-код: -

<div class="form-group">
    <div class="col-sm-8">
        <div class="col-md-2">
            <label>
                <input type="radio" name="RA_type" value="I" checked/>  Inside  
            </label>
        </div>          
        <div class="col-md-2">
            <label>
                <input type="radio" name="RA_type" value="O" />  Outside  
            </label>
        </div>
    </div>

    <div class="form-group">
        <label for="Serial_number" class="col-sm-2 control-label">Serial number</label>       
        <div class="col-sm-8">
            <select id="generator_id_fk" name="generator_id_fk" class="form-control pull-right select2" >
                <option value="">---- Please Select Serial number ---</option>
                <option value="1">7888</option>
                <option value="2">8444</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="Supplier_Capacity" class="col-sm-2 control-label">Supplier & Capacity</label>

        <div class="col-sm-4">
            <select id="supplier_id_fk"  name="supplier_id_fk" class="form-control pull-right select2">
                <option value="">--- Please Select Supplier ----</option>
                <option value="1">Ram</option>
                <option value="2">Ravi</option>
            </select>
        </div>

        <div class="col-sm-4">
            <select id="capacity_id_fk" name="capacity_id_fk" class="form-control pull-right select2" >
                <option value="">--- Please Select Capacity--- </option>
                <option value="1">jayan</option>
                <option value="2">kamal</option>
            </select>
       </div>
    </div>

Сценарий: -

$(document).ready(function () {
    $('input[value="I"]').on('ifClicked', function (event) {
        document.getElementById("supplier_id_fk").setAttribute('disabled', true);
        document.getElementById("capacity_id_fk").setAttribute('disabled', true);
        document.getElementById("generator_id_fk").removeAttribute('disabled')
    });

    $('input[value="O"]').on('ifClicked', function (event) {
        document.getElementById("generator_id_fk").setAttribute('disabled', true);
        document.getElementById("supplier_id_fk").removeAttribute('disabled');
        document.getElementById("capacity_id_fk").removeAttribute('disabled');
    });

});

Answer 1

Все, что вам нужно сделать, это добавить отключенный атрибут к обоим объявлениям обоих элементов select следующим образом:

<select id="supplier_id_fk" name="supplier_id_fk" class="form-control pull-right select2" disabled="disabled">

и

<select id="capacity_id_fk" name="capacity_id_fk" class="form-control pull-right select2" disabled="disabled">