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
    15 окт 2019 в 7:52
  • Подскажите, пожалуйста, как это сделать? 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
    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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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