How to get value of asp:Button with JavaScript

Question

I don't understand very well how I get value of with JavaScript or JQuery?

I have this code:

<asp:Button ID="btnIdButton" runat="server" Text="Button"/>

In this case I need get value inside the button with id "btnIdButton". I tested some possibilites:

$("#btnIdButton").val()
$('input[id*=btnIdButton]').value()
$("#btnIdButton").text()
document.getElementById("#btnIdButton")

But it did not work.

1) ASP.Net webforms changes the id when the button is rendered on the client - you need to get the ClientID property and use that to select the button. 2) The button has no value for you to retrieve, you need to use text() — Rory McCrossan
– Rory McCrossan, Commented Jul 25, 2016 at 12:51
If you don't want the ID of your button to change, you can set ClientIdMode to static at the control, page, or application levels. — mason
– mason, Commented Jul 25, 2016 at 13:01

Marcus Vilete · Accepted Answer · 2016-07-25 13:05:06Z

2

You need to use "endsWith" selector like this:$("[id$=btnIdButton]")

answered Jul 25, 2016 at 13:05

Marcus Vilete

2204 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Eric Saboia Over a year ago

Nice guy, with your example and .text. $("[id$=btnIdButton]").text() it worked!! Thanks!!

Nicolas Fleitas Over a year ago

This was useful for me as well. Thanks

Bhanu Pratap · Accepted Answer · 2016-07-25 13:25:38Z

1

<script type="text/javascript">
    function getASPButtonValue() {
        var btn = document.getElementById("<%=Button1.ClientID %>");
        alert("ASP.NET Button Value= "+btn.value);
    }

    function getHTMLButtonValue() {
        var btn = document.getElementById("btnhtml");
         alert("HTML Button Value= "+btn.value);
     }
</script>

    <div>
        <asp:Button ID="Button1" runat="server" OnClientClick="getASPButtonValue();" Text="Button" />
        <input type="button" id="btnhtml" onclick="getHTMLButtonValue();" value="HTML BUTTON" />
    </div>

Thanks... :)

answered Jul 25, 2016 at 13:25

Bhanu Pratap

1,76118 silver badges17 bronze badges

Comments

Radekk · Accepted Answer · 2016-07-25 13:14:00Z

0

you can access your button in js $("#<%=btnIdButton.ClientID%>") or use ClientIDMode property of your button

answered Jul 25, 2016 at 13:14

Radekk

824 bronze badges

Collectives™ on Stack Overflow

How to get value of asp:Button with JavaScript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related