使用textarea控件为转发器创建字符计数器。 [英] Create a character counter for a repeater with a textarea control.

问题描述

我在尝试弄清楚如何使用带有字符计数器的textarea创建转发器时遇到问题。有没有办法做到这一点？



我在我的javascript中有很多额外的东西，当你想弄清楚但是你得到了图片。我已经为转发器添加了我的HTML。基本上，转发器是空的，直到提交选择。然后在中继器中填充数据。我以编程方式使用计数填充标签，并从那里我希望用用户在textarea中键入的计数更新标签。多数民众赞成在哪里我被困...我无法达到标签。

I am having an issue trying to figure out how to create a repeater with a textarea that has a character counter using javascript. Is there no way to do this?

I have a lot of extra stuff in my javascript when trying to figure stuff out but you get the picture. Ive attached my HTML as well for the repeater. Basically the repeater is empty until a selection is submitted. The repeater is then populated with data. I programmatically populate the label with the count and from there I wanted that label to be updated with the count as the user types in the textarea. Thats where I am stuck...I can't reach the label.

  <div id="uploadDiv" style="border-style: solid; border-width: 2px; border-color: inherit;">
            <asp:Repeater ID="UploadRepeater" runat="server" EnableViewState="True" OnPreRender="UploadRepeater_Prerender">

                <itemtemplate>
                    <table id="ParaRepeater">

                        <tr style="border: solid;">
                            <td>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:Label ID="ParaNumber" runat="server" Font-Size="10px">Para No.
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtParaNum" runat="server" Width="40px" Text='<%# Eval("ParaNumber") %>'>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblLoadtoNepa" runat="server" Font-Size="10px" Width="100px">Load To Nepa-Pams
                                        </td>
                                        <td>
                                            <asp:CheckBox ID="ckSelectPara" runat="server" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblTooLong" runat="server" Font-Size="10px" Width="100px">Too Long Chars
                                        </td>
                                        <%-- <td><br /><span id="spnCharLeftcounter"  runat="server" class="counterClass "><br />
                                          <%--<asp:TextBox ID="txtTooLong" Width="20px" runat="server" CssClass="counterClass" Text='<%# Eval("CharCount")%>'>
                                              <input type="text" name="remCount" size="3" maxlength="3" value="255" readonly="" /> --%>
                            </td>
                        </tr>
                    </table>


                    </td>
                            <td>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblChap" runat="server" Font-Size="10px">Chapter (# or words)Tag 1
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="txtChapter" runat="server">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblPageorSheet" runat="server" Font-Size="10px">Page or Sheet Tag 2
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="txtPageSheet" runat="server">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblParagraphNumber" runat="server" Font-Size="10px">Paragraph Para# Tag 3
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="txtParagraphNumber" runat="server">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblSentenceBullet" runat="server" Font-Size="10px">Sentence Bullet tag 4
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="txtSentenceBullet" runat="server">
                                        </td>
                                    </tr>
                                </table>
                            </td>

                    <td>
                        <table>
                            <tr>
                                <td>
                                    <asp:TextBox ID="txtParaVerbatim" runat="server" Width="300px" Height="200px" TextMode="MultiLine"  onkeyup="javascript:countDownSum(this);" CssClass="counterClass" Rows="10" MaxLength="2000" Text='<%# Eval("FieldText")%>'>
                                   <%-- <asp:TextBox ID="txtParaVerbatim" runat="server" Width="300px" Height="200px" TextMode="MultiLine" onkeyup="javascript:updateCount(this);" onkeydown="javascript:updateCount(this);"  Rows="10" MaxLength="2000" Text='<%# Eval("FieldText")%>'>--%>
                                    <div id="divcounter">
                                        <asp:Label runat="server" Text="Characters Left:"><asp:Label ID="counter" runat="server" Text='<%# Eval("CharCount")%>' CssClass="counterClassDisplay"></div>
                                    <asp:Label ID="characterLeft" runat="server" CssClass="counterClass">
                                    <span id="characters"></span>

                                </td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    </table>
                </itemtemplate>

</div>

我尝试了什么：



从另一篇文章发布中得到了这个。试图让它工作但最后一部分。

What I have tried:

Got this from another article posting. Tried to make it work but stuck at last part.

<script type="text/javascript">

        function RepeaterData() {
            var size = $('.nameLabel').length;
            for (i = 0; i < size; i++) {
                var name = $('.nameLabel').eq(i).text();
                var id = $('.IdLabel').eq(i).text();
                var mylabel = "Don't know how to get to write to my label?"
            }
        }

    </script>

推荐答案

（' 。nameLabel'）。length;
for （i = 0 ; i< size; i ++）{
var name =

('.nameLabel').length; for (i = 0; i < size; i++) { var name =

（' nameLabel'）等式（1）的.text（）。;
var id =

('.nameLabel').eq(i).text(); var id =

（' IdLabel'）等式（1）的.text（）。;
var mylabel = 不知道如何写我的标签？
}
}

< / script>

('.IdLabel').eq(i).text(); var mylabel = "Don't know how to get to write to my label?" } } </script>

这篇关于使用textarea控件为转发器创建字符计数器。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！