CODEWITHSUNDEEP
c#javascriptjqueryasp.net
G Gr
G Gr

Reputation: 6090

Is there a way to send text to an aspcontrol via jquery

Is there a way to send data to an aspcontrol say a label called label1? Via jquery?

I know jquery only likes html but is there a way to just send the raw text to an asp control using a similar method below:

 <script type="text/javascript">
    $(function () {
        $('button').click(function () {

            $(document).ready(function () {
                var x = $('textarea').val();
                $('textarea').val('');
                var label = $("#<%= Label1.ClientID %>");
                var newdiv = $("<div></div>").html(x).attr('id', 'test');
                $('#test1').append(newdiv);
                var serializer = new XMLSerializer();
                label.text(serializer.serializeToString(newdiv));
                return false;
            });
        });
    });
</script>

Upvotes: 0

Views: 160

Answers (2)

Josh M.
Josh M.

Reputation: 27811

Here's how to do it without jQuery:

<%@ Page Inherits="System.Web.UI.Page" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Test</title>
        <script type="text/javascript" src="App_Resources/JavaScript/jquery-1.4.4.min.js"></script>
    </head>
    <body>
        <form runat="server">
            <asp:Label ID="testLabel" runat="server" Text="test" />

            <script type="text/javascript">
                $(document).ready(function ()
                {
                    var label = document.getElementById("<%= testLabel.ClientID %>");
                    var div = document.createElement("div");

                    div.innerText = "content";

                    label.innerText = div.outerHTML;
                });
            </script>
        </form>        
    </body>
</html>

Upvotes: 1

matto0
matto0

Reputation: 1095

I think the bigger issue is asp.net changes the id and trying to get that in the code isn't that easy.

Can you use the name attribute? If so you can just look for the name attribute containing your name using the jquery selector '[ name *="YourName"]'

EDIT: I meant to add firebug is a great help for examining page elements and figuring exactly what you can use (Ex: asp.net adds a name attribute to a button by default) and whats going on (like your return false failing) then tweaking your jquery from the watch window.

Sample asp.net form content:

<p>
    <asp:TextBox ID="TextBox1" name="TextBox1" runat="server" Rows="3"></asp:TextBox>
</p>
<p>
    <asp:Button ID="Button1" runat="server" Text="Button" /></p>
<p>
    <asp:Label ID="Label1" name="Label1" runat="server" Text="Label"></asp:Label>
</p>

<div id="test1"></div>

jquery:

$(function () {
    $('[name*= "Button1"]').click(function () {
        var x = $('[name*= "TextBox1"]').val();
        var newdiv = $("<div></div>").html(x).attr('id', 'test');

        $('#test1').append(newdiv);
        $('[name*= "Label1"]').text($('#test1').html());
        $('[name*= "TextBox1"]').val('');

        return false;

    });
});

Upvotes: 1

Related Questions