asp.net javascript - change the label text on changing drop down selection

Question

I am using asp.net web forms and have an event fired when some drop down selection changes. Event is not in the code behind , instead it is a javascript method that is executed when the event fires. I need to change the text of some label according to the value changed in the dropdown.

I am a newbie to javascript, couldn't find a way to access the "Text" property of the label. Can someone help pls ?

<script type="text/javascript">
    function myMethod(sender, args) {

        ............
    }
</script>

VDWWD · Accepted Answer · 2017-07-17 07:20:48Z

1

Here a quick example. The most important thing to remember is that aspnet can rename the ID of the element in the generated html. So always use ClientID

<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="Item 1" Value="1"></asp:ListItem>
    <asp:ListItem Text="Item 2" Value="2"></asp:ListItem>
    <asp:ListItem Text="Item 3" Value="3"></asp:ListItem>
</asp:DropDownList>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>


<script type="text/javascript">
    $('#<%= DropDownList1.ClientID %>').change(function () {
        $('#<%= Label1.ClientID %>').text($(this).val());
    });
</script>

answered Jul 17, 2017 at 7:20

VDWWD

35.7k23 gold badges67 silver badges87 bronze badges

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

Comments

Anirudha Gupta · Accepted Answer · 2017-07-17 03:43:56Z

0

In html you can call the event by putting a event using onchange attribute. you can get the value in JavaScript by using this keyword. for example I make a small demo here https://jsfiddle.net/3nfvy6ke/5/

<select onchange="javascript:test(this)">
<option value="1">1</option>
<option value="2" selected>2</option>
</select>
<script>
function test(ele){
debugger;
document.write(ele.value);
}
</script>

answered Jul 17, 2017 at 3:43

Anirudha Gupta

9,3579 gold badges58 silver badges84 bronze badges

Collectives™ on Stack Overflow

asp.net javascript - change the label text on changing drop down selection

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related