2

У меня в представлении(Form.cshtml) есть кнопка:
<a href="~/Home/Form" type="button">Ввести данные</a>

Я хочу чтобы при нажатии на неё на странице появились вот эти элементы:

     <p>Выберите тип поиска фильма:</p>
        <ul>
            <li><label><input type="checkbox"> Название</label></li>
            <li><label><input type="checkbox"> Актёры</label></li>
            <li><label><input type="checkbox"> Жанр</label></li>
        </ul>
3
  • 1
    почему бы их сразу не сделать в этой view скрытыми и показывать, когда требуется?
    – Konst
    Commented 15 окт. 2019 в 7:52
  • Подскажите, пожалуйста, как это сделать? Commented 15 окт. 2019 в 7:55
  • 2
    <p style="display: none">... тут почитать: htmlacademy.ru/courses/44/run/22 А с помощью javascript - кода можно менять класс нужного блока, чтобы его отображать/скрывать на странице. Если есть jquery.js , то можно скрыть элеиент <p id="myblock">...</ p> $("#myblock").hide() / .show() или используя .toggle()
    – Konst
    Commented 15 окт. 2019 в 7:59

1 ответ 1

1

Например так:

<a href="~/Home/Form" type="button" id= "button">Ввести данные</a>
<span id="content" style="display:none">
      <p>Выберите тип поиска фильма:</p>
        <ul>
            <li><label><input type="checkbox"> Название</label></li>
            <li><label><input type="checkbox"> Актёры</label></li>
            <li><label><input type="checkbox"> Жанр</label></li>
        </ul>
</span>

<script>
$("#button").click(function(){ $("#content").css("display","block");})
</script>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.