0

ユーザーがテキストボックス (緑色の四角形) に少なくとも 1 文字を入力すると、div タグ (赤い四角形) 内のコンテンツを下にスライドさせようとしています。

文字が入力されていない場合、div コンテンツは表示されません。

aspx (デザイン) の写真は次のとおりです。

ここに画像の説明を入力

そして、これは私がこれを達成するために使用している JavaScript です。

function() {
    $("#SubmitSection").hide();
    inputOne = document.getElementById("<%= TextBox1.ClientID %>");
    if (inputOne.value != "") {
        $("#SubmitSection").slideDown('slow');
    }
    else {
        $("#SubmitSection").slideUp('slow');
    }
}​

すべてのバックエンド コードは問題なく動作しますが、デプロイ時にテキスト ボックスと div セクションの両方が表示されます。

4

3 に答える 3

2

私があなたを正しければ：

$("<%= TextBox1.ClientID %>").change(function(){YoursSlidingFunctionhere();})

。変化する（）

于 2012-08-08T17:22:20.890 に答える
1

テキストボックスのイベントに接続する必要があります。この onchangeイベントは、テキスト ボックスがフォーカスを失った後にのみ発生するため、onkeyupイベントを提案します。

<asp:TextBox ID="TextBox1" runat="server" [...] onkeyup="updateSubmitSection()" />

関数を呼び出すことができるように、関数に名前を付ける必要があります。

updateSubmitSection = function() {
   $("#SubmitSection").hide();
  inputOne = document.getElementById("<%= TextBox1.ClientID %>");
  // ...
}

onloadそれに加えて、ページのイベント中に関数を呼び出す必要があります。

<body onload='updateSubmitSection()'>

jQuery を使用した同じソリューション:

$(document).ready(function() {
    updateSubmitSection();
    $('#<%= TextBox1.ClientID %>').change(updateSubmitQuery);
}
于 2012-08-08T17:24:31.200 に答える
0

これを、初期化時に実行される JavaScript のセクションに追加する必要があります。

`$("#SubmitSection").hide();`

body onload 属性を使用できます。

`<body onload="init()">
<script>
function init()
{
$("#SubmitSection").hide();
}
</script> `
于 2012-08-08T17:24:57.177 に答える