показать <div> в зависимости от значения <input>

Question

показать <div> в зависимости от значения <input>

0

Я использую flexbox (fairwaytech.com/flexbox/) в качестве альтернативы нормальному раскрывающемуся списку, поскольку в моей форме есть сотни вариантов. Если выбраны некоторые из этих параметров, я хочу, чтобы скрытый DIV отображался без обновления страницы.

В этом случае flexbox определяет названия заданий. Таким образом, если пользователь вводит в "Доктор" и выбирает результат, то flexbox возвращает код <input type="hidden" id="fb_hidden" name="fb" value="2">, где значение 2 связывается к названию работы "Доктор" в базе данных.

Когда кто-то выбирает "Доктор", я хочу, чтобы скрытый div появлялся, но если выбран другой заголовок задания, он остается скрытым. Может ли кто-нибудь помочь мне с этим, пожалуйста? Вот мой код:

<input type="hidden" id="fb_hidden" name="fb" value="2">
<div id="hide" style="display:none;">
<div>
Title
</div>
<div>
<input id="number" name="number" type="text" value="">
</div>
</div>

nutman 02 окт. 2013, в 17:01

Источник

1

Flexbox запускает событие изменения на входе?
Sergio 02 окт. 2013, в 14:29
0

Flexbox! = JQuery FlexBox, убедитесь, что вы используете правильные теги
cimmanon 02 окт. 2013, в 17:12

Теги:

javascript

jquery

html

hidden

jquery-flexbox

1 ответ

Ещё вопросы

Flexbox запускает событие изменения на входе?
Flexbox! = JQuery FlexBox, убедитесь, что вы используете правильные теги

Unknown · Accepted Answer · 2013-10-02T11-55-00.000Z

Flexbox получил onSelect событие (похожее на событие изменения select html). Пытаться:

$('#FLEXBOX_ID').flexbox(data, {
    onSelect: function() {
        if(this.value==="Doctor"){
             $("#DIV_ID").show();
        }else{
             $("#DIV_ID").hide();
        }
    }
});

Блестящее спасибо. Как бы я добавил несколько значений? Так, если я хотел, чтобы DIV показывался, если был выбран и «Стоматолог»?
Используйте || оператор т.е., if(this.value==="Doctor" || this.value==="Dentist")
благодарю вас. Наконец, возможно ли сделать несколько операторов onSelect? например, если вы выберете «Доктор», он показывает один div, но если вы выберете «Стоматолог», он показывает другой div?
Нет. Используйте один onSelect. Но вы можете использовать, if(this.value==="Doctor") показывать div, иначе, if(this.value==="Dentist") показывает соответствующий div.