asp.net - Resetting textbox text via javascript

Question

function clickButton(e, buttonid)         
            var evt = e ? e : window.event;
            var bt = document.getElementById(buttonid);
            if (bt) {
                if (evt.keyCode == 13) {
                    bt.click();                                                  
                    return false;
                }
            }
        }

txtChatMessage.Attributes.Add("onkeypress", "return clickButton(event,'" + btnSendChat.ClientID + "')");

this function is an attribute that is set in code behind file. How do I reset the text in textbox after the button click fires

Answer 1

コードビハインドからテキストフィールドを渡し、 JavaScriptusing thisでsettingそのテキストフィールドを渡すことで、このように行うことができますvalue to empty string

コードビハインド

txtChatMessage.Attributes.Add("onkeypress", "return clickButton(this, event,'" + btnSendChat.ClientID + "')");

JavaScriptで

function clickButton(txt, e, buttonid){
   var evt = e ? e : window.event;
   var bt = document.getElementById(buttonid);
   if (bt) {
        if (evt.keyCode == 13) {
             bt.click();    
             txt.value = "";                                               
             return false;
   }

上記のコードは、テキストボックスの既存の値を上書きします。後で使用するために保存するために、非表示フィールドを使用できます

HTMLで

<asp:hidden id="hdnText" runat="server" >

JavaScriptで

function clickButton(txt, e, buttonid){
   var evt = e ? e : window.event;
   var bt = document.getElementById(buttonid);
   if (bt) {
        if (evt.keyCode == 13) {
             bt.click();    
             document.getElementById('<%= hdnText.ClientID %>').value = txt.value;                                               
             return false;
   }

コードビハインド

テキストフィールドをjavascript関数に送信します

txtChatMessage.Attributes.Add("onkeypress", "return clickButton(this, event,'" + btnSendChat.ClientID + "')");

非表示フィールドからテキストボックスの値を取得します

string textBoxValue = hdnText.Value;