Как скрыть текстовые поля в Asp.net - PullRequest
Новая
       2

Как скрыть текстовые поля в Asp.net

0 голосов
/ 08 апреля 2019

Я создаю систему отпусков и связал базу данных с Asp.net. Внутри проекта MVC есть HTML-страница, которую я использую в качестве целевой страницы, она имеет 2 кнопки. Одна кнопка для «Админ» и другая для «Персонал». Я хочу скрыть некоторые текстовые поля, если нажата кнопка «Персонал». Как мне добиться этого?

Ответы [ 2 ]

1 голос
/ 08 апреля 2019

Я создал образец HTML, вы можете использовать JQuery, чтобы показать и скрыть текстовое поле на основе клика если вы используете mvc, то текстовое поле будет @ Html.TextBox или при установленном asp.net ClientIDMode = "Static" - отметьте здесь 

<html>
<head>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<input type="text" id="AdminTxt" />
<button id="showAdmin">Show Admin</button>
<button id="showStaff">Show Staff</button>

<script>
$( "#showAdmin" ).click(function() {
 $("#AdminTxt").show();
});
$( "#showStaff" ).click(function() {
 $("#AdminTxt").hide();
});

</script>

</body>
</html>
0 голосов
/ 08 апреля 2019

Вы можете использовать функции attach en detach с JQuery. Так что если у вас есть кнопка с именем Admin

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>detach demo</title>
  <style>
  p {
    background: yellow;
    margin: 6px 0;
  }
  p.off {
    background: black;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</button>

<script>
$( "p" ).click(function() {
  $( this ).toggleClass( "off" );
});
var p;
$( "button" ).click(function() {
  if ( p ) {
    p.appendTo( "body" );
    p = null;
  } else {
    p = $( "p" ).detach();
  }
});
</script>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...