Видимое текстовое поле при нажатии

Question

Есть ли способы сделать текстовое поле видимым при нажатии пользователем кнопки? То, что я имел в виду здесь, пользователь будет видеть только текстовое поле при нажатии кнопки. Заранее спасибо за помощь. Имейте хорошие.

Answer 1

Сделать кнопку Visible на кнопку Click события.

Двойной щелчок на кнопке, чтобы добавить обработчик события Click.

Ваш код должен выглядеть следующим образом:

private void btnShow_Click(object sender, EventArgs e) 
{ 
    txtBox.Visible = true; 
} 

Если вы не хотите всю страницу, чтобы обновить делать это, вы можете обернуть эти элементы управления внутри UpdatePanel

Приведи: Introduction to the UpdatePanels

Answer 2

Это простой вопрос или я что-то пропустил?

По умолчанию отображается текстовое поле. В свойствах вы можете установить значение false (т. Е. Сделать его невидимым).

Затем добавьте кнопку на панель.

Затем код-за кнопки так же просто, как:

textbox1.visible = true (this is vb code) 

Есть ли что-нибудь еще на этот вопрос, или я что-то пропустил?

Answer 3

Используйте стиль:

textBox.Style.Add("visibility", "hidden"); 
textBox.Style.Add("display", "none"); 

И раз нажал на кнопку отменить его снова.

Answer 4

На съемочной площадке загрузки страницы:

TextBox1.Visible = false; 

и нажатием кнопки:

protected void Button1_Click(object sender, System.EventArgs e) 
{ 
     TextBox1.Visible = true; 
} 

Answer 5

Если вы говорите о сети. Используйте jquery или javascript для загрузки документа, чтобы скрыть текстовое поле, и нажмите кнопку «Показать текстовое поле», используя приведенный ниже код.

$(document).ready(function(){ 
    $('#textBoxClientID').hide(); 
}); 


$('#buttonClientID').click(function(){ 
    $('#textBoxClientID').show(); 
}); 

Answer 6

Лучше сделать эти операции клиентской стороной. Таким образом вы не отправляете страницу на сервер для этой простой операции.

Добавить триггер OnClick на кнопке, чтобы текстовое поле видимым

<input type="button" value="Click Me!"    onclick="javascript:document.all['txtArea'].display='';" /> 
<input type="text" value="Some text..." style="display:none;" id="txtArea" />​ 

пример: http://jsfiddle.net/r54Et/

Тот же метод может быть применен к элементам управления сервера.

Обновление: Если вы используете серверные элементы управления asp: ... и имеете проблему, чтобы найти идентификатор элемента textbox, asp.net 4.0+ поддерживает статические имена. Это означает, что вы можете установить имя исправления для своего элемента. Другим обходным решением является то, что asp.net сохраняет идентификатор, сгенерированный клиентом, в свойстве ClientID.Таким образом, в этом случае мы будем иметь:

<input type="button" value="Click Me!"    onclick="javascript:document.all['<%=txtArea.ClientID%>'].display='';" /> 
<asp:textbox tunat="server" Text="Some text..." id="txtArea" ..... />​