jQuery :скрытие и отображение элемента ввода

Я пытаюсь скрыть/показать определенный объект ввода, если выбранное значение проверено.

Код в JSFiddle

HTML часть кода находится здесь:



Price:

И часть jQuery здесь:

$(document).ready(function()
{
    $("#add_fields_placeholder").change(function() {
        if($(this).val() == "Other") {
            $("#add_fields_placeholderValue").show();
        }
        else {
            $("#add_fields_placeholderValue").hide();
        }
    });
});

​ Поэтому, если пользователь выбирает «Другое», он показывает другой объект ввода.

Проблема сейчас вот в чем. Сначала, когда вы открываете страницу, по умолчанию выбирается первая опция, и отображается необязательный объект ввода. Он скрывается, когда вы выбираете другой вариант.

Есть ли какой-нибудь трюк, чтобы скрыть его при первой загрузке страницы? Не только когда вы выбираете значение вручную.

Спасибо вам, ребята.

12
задан informatik01 21 September 2018 в 17:13
поделиться