Get value of ASP.NET Webform TextBox using JS/JQuery

Question

I have an asp control for a textbox and a script that's trying to get the value from the textbox but it wont fire the alert:

<asp:TextBox ID="txtEmailList" runat="server" TextMode="MultiLine"></asp:TextBox>

<script>
    $(document).ready(function () {
        $("#btnCopyAll").click(function () {
            alert(document.getElementById('#txtEmailList').value);
        });
    });
</script>

I tried:

alert(document.getElementById('<%txtEmailList.ClientID%>'));

As per this answer, but it did not work.

How do I accomplish this?

Try this alert($("#txtEmailList").val()); – Divya Agrawal Apr 17 '19 at 14:06 — Divya Agrawal, Apr 17 '19 at 14:06

score 0 · Answer 1 · edited Apr 17 '19 at 14:29

0

You can use JQuery to fetch the contents of the list using the val() method. $("#txtEmailList") selects the list:

alert($("#txtEmailList").val());

edited Apr 17 '19 at 14:29

Bob Dalgleish

8,167
4
32
42

answered Apr 17 '19 at 14:08

Divya Agrawal

300
1
2
15

score 0 · Accepted Answer · answered Apr 17 '19 at 14:18

0

alert(document.getElementById('#txtEmailList').value);

Should be:

alert(document.getElementById('txtEmailList').value);

answered Apr 17 '19 at 14:18

score 0 · Answer 3 · answered Apr 17 '19 at 14:20

Your first attempt

alert(document.getElementById('#txtEmailList').value);

failed because you are using '#'. When using getElementById you just need the id without '#' so you could try

alert(document.getElementById('txtEmailList').value);

Your second attempt

alert(document.getElementById('<%txtEmailList.ClientID%>'));

failed because you have not used .value, so you could try

alert(document.getElementById('<%=txtEmailList.ClientID%>').value);

Let me know how it goes.

Get value of ASP.NET Webform TextBox using JS/JQuery

3 Answers3