js控制输入框输入字符数 客户端textarea与服务器端textBox的使用区别

输入框为客户端控件textarea，此时获得textarea中的值方法不再是text，而是“id”.value或string question = Request.Form["QMemo"]; //QMemo为name，客户端控件一般根据name区别控件而不是id

客户端控件与服务器端控件不同，它无法捕获状态。当点击编辑时，将问答内容显示在textarea问答框中，textarea如何获得值呢？想到的方法有以下2种，分别来看下。

方法一：再添加2个问答服务器控件，分别得到问答内容，利用js将问答内容填充到textarea中。

方法二：直接在后台写js填充textarea，【document.getElementById('QMemo').value='"+sca.Question+"';】

RegisterStartupScript在</body>前输出脚本

[CS]

//修改绑定txt
        private void Dg_EditCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
        {
            int id = 0;
            this.txteditKey.Text = e.Item.Cells[0].Text;//得到id
            if(txteditKey.Text!="")
            {
                id = int.Parse(txteditKey.Text);
                sca = new StockChatAuto(id);
                ddlType.SelectedValue = sca.Type;
                Page.RegisterStartupScript("fillTextbox","<Script language='javascript'>document.getElementById('QMemo').value='"+sca.Question+"';</script>");
                Page.RegisterStartupScript("fillTextbox2","<Script language='javascript'>document.getElementById('AMemo').value='"+sca.Answer+"';wordsTip();</script>");                 
            }
        }

比方法一更简便，具体方法如下。wordsTip(); 计算字符数js 封装了参数不同时调用的方法，统一全部调用，注*这里的id与name是不同的，不要混淆。具体代码如下：

[HTML]

<tr>
                    <td>
                        <fieldset style="WIDTH: 480px; HEIGHT: 150px"><legend>请输入问题</legend><textarea id="QMemo" onkeydown="wordsTip();" onkeyup="wordsTip();" style="WIDTH: 470px; HEIGHT: 110px"
                                name="QMemo" rows="8" cols="40"></textarea>
                            <p>最多字数： <input class="inputtext" disabled maxLength="4" size="3" value="500" name="Qtotal" id="Qtotal">
                                已用字数： <input class="inputtext" disabled maxLength="4" size="3" value="0" name="Qused" id="Qused">
                                剩余字数： <input class="inputtext" disabled maxLength="4" size="3" value="500" name="Qremain" id="Qremain"></p>
                        </fieldset>
                    </td>
                    <td>
                        <fieldset style="WIDTH: 480px; HEIGHT: 150px"><legend>请输入答案</legend><textarea id="AMemo" onkeydown="wordsTip();" onkeyup="wordsTip();" style="WIDTH: 470px; HEIGHT: 110px"
                                name="AMemo" rows="10" cols="75"></textarea>
                            <p>最多字数： <input class="inputtext" disabled maxLength="4" size="3" value="500" name="Atotal" id="Atotal">
                                已用字数： <input class="inputtext" disabled maxLength="4" size="3" value="0" name="Aused" id="Aused">
                                剩余字数： <input class="inputtext" disabled maxLength="4" size="3" value="500" name="Aremain" id="Aremain"></p>
                        </fieldset>
                    </td>
                </tr>

[JS]

<SCRIPT language="javascript">
        <!--        
        function $(id)
        {
            return document.getElementById(id);
        }        
        function wordsTip()
        {
            var QMemo = $("QMemo");
            var Qtotal =  $("Qtotal");
            var Qused =  $("Qused");
            var Qremain =  $("Qremain");
            
            var AMemo =  $("AMemo");
            var Atotal =  $("Atotal");
            var Aused =  $("Aused");
            var Aremain =  $("Aremain");
            
            gbcount(QMemo,Qtotal,Qused,Qremain);
            gbcount(AMemo,Atotal,Aused,Aremain);            
        }
        function gbcount(message,total,used,remain)
        {            
            var max;
            max = total.value;
            
            if (message.value.length > max)
            {
                message.value = message.value.substring(0,max);
                used.value = max;
                remain.value = 0;
                alert("问答不能超过 500 个字!");
            }
            else
            {
                used.value = message.value.length;
                remain.value = max - used.value;
            }
        }
        -->
        </SCRIPT>