繁体   English   中英

jQuery从服务器标记数据绑定中获取价值

[英]Jquery to get value from Server Tag data bind

嗨,我正在使用jquery从ASP.NET中的服务器标签获取值。 所有这些javascript都在同一页面上。 我已经试过了

 <asp:TextBox ID="LastNameTextBox" runat="server" Text='<%# Bind("LastName") %>' />

和jQuery

$("#<\%=LastNameTextBox.ClientID%>").val()

注意,我必须对%进行转义,以便整个引用都是一个字符串。 我不知道为什么会这样。 我看到的示例不需要转义%。 我还在另一篇文章中发现我应该使用该类,所以我做到了

<asp:Label ID="LastNameLabel" runat="server" Class = LastNameClass" Text='<%# Bind("LastName") %>' />

而jQuery是这个

$(".LastNameClass").val()

这使我更进一步,但它返回了函数而不是值。 我什么也没有将val()更改为text()。 我之所以这样想是因为我要绑定数据,并且标签位于表单中使用的模板中? 关于下一步应该尝试的任何见解或建议?

编辑:这是代码

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:LinqDataSource ID="LinqDataSource1" runat="server" 
        ContextTypeName="SchoolDataContext" EnableUpdate="True" EntityTypeName="" 
        TableName="People">
    </asp:LinqDataSource>
    <asp:FormView ID="FormView1" runat="server" AllowPaging="True" 
        DataKeyNames="PersonID" DataSourceID="LinqDataSource1">
        <EditItemTemplate>
            PersonID:
            <asp:Label ID="PersonIDLabel1" runat="server" class="PersonalIDLablel1" Text='<%# Eval("PersonID") %>' />
            <br />
            LastName:
            <asp:TextBox ID="LastNameTextBox" runat="server" class="LastNameClass1" onBlur="textBlur();"
                Text='<%# Bind("LastName") %>' />
            <br />
            FirstName:
            <asp:TextBox ID="FirstNameTextBox" runat="server" 
                Text='<%# Bind("FirstName") %>' />
            <br />
            HireDate:
            <asp:TextBox ID="HireDateTextBox" runat="server" 
                Text='<%# Bind("HireDate") %>'  />
            <br />
            EnrollmentDate:
            <asp:TextBox ID="EnrollmentDateTextBox" runat="server" 
                Text='<%# Bind("EnrollmentDate") %>' />
            <br />

            <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
                CommandName="Update" Text="Update" />
            &nbsp;<asp:LinkButton ID="UpdateCancelButton" runat="server" 
                CausesValidation="False" CommandName="Cancel" Text="Cancel" />
        </EditItemTemplate>

        <ItemTemplate>
            PersonID:
            <asp:Label ID="PersonIDLabel" runat="server" class="PersonalIDLablel" Text='<%# Eval("PersonID") %>' />
            <br />
            LastName:
            <asp:Label ID="LastNameLabel" runat="server" class="LastNameClass" Text='<%# Bind("LastName") %>' />
            <br />
            FirstName:
            <asp:Label ID="FirstNameLabel" runat="server" Text='<%# Bind("FirstName") %>' />
            <br />
            HireDate:
            <asp:Label ID="HireDateLabel" runat="server" Text='<%# Bind("HireDate") %>' />
            <br />
            EnrollmentDate:
            <asp:Label ID="EnrollmentDateLabel" runat="server" 
                Text='<%# Bind("EnrollmentDate") %>' />

           <hr/>
            <asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
                CommandName="Edit" Text="Edit" />
        </ItemTemplate>
    </asp:FormView>
</form>

您可以使用text()html()

<asp:Label runat="server" ID="LastNameLabel" Text="This is a text" 
  ClientIDMode="Static"></asp:Label>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var text = $("#LastNameLabel").text();
        alert(text);
    });
</script>

更新:

确保使用ClientIDMode="Static"因为LastNameLabel的ID在FormView之外不可用。

然后,您可以在jQuery选择器中使用#LastNameLabel

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM