Question

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>

Answer 1

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;

    });
});