@OneOlOf

Как скрыть элемент при выборе select?

У меня есть селект и в нем выбор "Да", "Нет".
Хочу сделать, чтобы при выборе Нет - Скрывался элемент, а если "Да" то появлялся.

Такой код сейчас
<div>
    <label ></label>
    <select id="grzd"  class="select" name="ord_grzd"  >
        <option value="1">Да</option>
        <option value="2">Нет</option>
    </select>


</div>

<div id="hidethisdiv">
    <p>Чточточтчотчотчоч</p>
</div>

Вот JS
<script>
    $( document ).ready(function() {
        $('select[name=ord_grzd]').on("change",function() {
            var val = $(this).val();
            if (val === 1 ) {
                $("#hidethisdiv").show();
            } else if (val === 2 ) {
                $("#hidethisdiv").hide();
            }
        });
    });
</script>


Где ошибка?
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
ошибка вот здесь:

val === 1

и вот здесь:

val === 2

должно быть так:
val === "2"

или так:
val == 2
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 июл. 2020, в 00:22
4000 руб./за проект
04 июл. 2020, в 23:47
5000 руб./за проект