c# - クリック時に表示されるテキスト ボックス

Question

ユーザーがボタンをクリックしたときにテキスト ボックスを表示する方法はありますか? ここで言いたいのは、ボタンがクリックされたときにのみテキスト ボックスが表示されるということです。助けてくれてありがとう。良いものを持っています。

Answer 1

ボタン クリック イベントでボタンを表示します。

ボタンをダブルクリックして、Click イベント ハンドラーを追加します。

コードは次のようになります。

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

これを行う際にページ全体を更新したくない場合は、これらのコントロールを updatePanel 内にラップすることができます。

参照: UpdatePanels の概要

Answer 2

あなたがウェブについて話しているなら。ドキュメントの読み込み時にjqueryまたはjavascriptを使用してテキストボックスを非表示にし、ボタンで次のコードを使用して[テキストボックスを表示]をクリックします。

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


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

Answer 3

これらの操作をクライアント側にすることをお勧めします。このようにして、この単純な操作のためにページをサーバーに送信することはありません。

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：...を使用していて、テキストボックス要素のIDを見つけるのに問題がある場合、asp.net4.0+は静的な名前をサポートします。これは、要素に修正名を設定できることを意味します。もう1つの回避策は、asp.netがクライアントで生成されたIDをClientIDプロパティ内に保存することです。したがって、この場合、次のようになります。

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

Answer 4

これは簡単な質問ですか、それとも何か見逃していますか?

デフォルトでは、テキストボックスが表示されます。プロパティで、これを false に設定できます (つまり、非表示にできます)。

次に、パネルにボタンを追加します。

コード ビハインド ボタンは次のように単純です。

textbox1.visible = true (this is vb code)

この質問には他に何かありますか、それとも何か見逃していますか?

Answer 5

スタイリングを使用する:

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

ボタンをクリックすると、もう一度元に戻ります。

Answer 6

ページ読み込みセット:

 TextBox1.Visible = false;

そしてボタンクリックで：

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