select,option и скрытое поле

218

22 апреля 2017, 22:05

Есть форма

    <select id="test" name="scat">
    <option value="">Выберите...</option>
    <option value="69">Тест1</option>
    <option value="106">Тест2</option>
<option value="72">Тест3</option>
<option value="105">Тест4</option>
<option value="">Тест5</option>
</select>

и есть два скрытых поля

<input name="cp_id_483" type="hidden" value="Продажа" id="test" />
<input name="cp_id_369" type="hidden" />

Вопрос! Как сделать, если выбрал option тест5, эти два скрытых поля использовались, а если не выбран option тест5, то и не делать к ним запрос

Answer 1

С помощью jQuery можно это сделать и атрибута disabled, нужно когда выбирают тест5 выдавать атрибуты disabled на нужные вам инпуты и они не попадут в запрос, иначе убираем их, код будет примерно такой, т.к. дали часть HTML не могу сделать рабочий вариант кода, но выглядеть он будет вот так:

$(document).on('change', '.selector', function() {
    if ($(this).val() == '') {
        $('input[name=cp_id_483]').attr('disabled', 'disabled');
        $('input[name=cp_id_369]').attr('disabled', 'disabled');
    }
    else {
        $('input[name=cp_id_483]').removeAttr('disabled');
        $('input[name=cp_id_369]').removeAttr('disabled');
    }
});

Замените селекторы и значения на свои если не будет работать