How to catch the change of Text property of a Label control?

Question

I am looking for something similar to the OnTextChanged property of a TextBox control. So that when the Text value of a label is changed, a particular function is called to do my particular staff.

MarkUp

 <asp:TextBox ID="TextBox2"   runat="server"></asp:TextBox>

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

    <asp:SliderExtender ID="SliderExtender1"  TargetControlID="TextBox2"  BoundControlID="Label1" Maximum="200" Minimum="100" runat="server">
    </asp:SliderExtender>

Maybe it is better to call the function from the slider event. — Casperah, Sep 04 '12 at 17:36
@Casperah I'm using the sliderExtender control of AjaxControlToolkit, and there is no OnChange type property there. — Md. Arafat Al Mahmud, Sep 04 '12 at 17:40

Dan Pichelman · Answer 1 · 2012-09-04T17:50:46.107

2

Handle the appropriate OnChange event of the slider instead. The only way the label text can change is if your code changes it.

EDIT

Hmmm. You could try binding the slider to a non-visible asp:TextBox, then use the OnChange event from that to update your Label and call your function.

edited Sep 04 '12 at 17:50

answered Sep 04 '12 at 17:36

Dan Pichelman

2,312
2
31
42

I'm using the sliderExtender control of AjaxControlToolkit, and there is no OnChange type property there. – Md. Arafat Al Mahmud Sep 04 '12 at 17:39

score 0 · Answer 2 · edited May 23 '17 at 12:24

Observing 'input' event instead of 'change'

jQuery('#textboxid').live('input', function() {
    // do your stuff
})

or for your slider using 'change' event

$('#sliderid').live('change', function() {
     $('#textboxid').val('some text').trigger('change');
});

may be this way instead of change event. (The 'change' event doesn't work correctly, but the 'input' is perfect.)

$('#your_textbox').bind('input', function() {
    /* This will be fired every time, when textbox's value changes. */
});

This jQuery code catches immediate changes to any element,

$('.myElements').each(function() {
    // Save current value of element
    $(this).data('oldVal', $(this).val());

    // Look for changes in the value
    $(this).bind("propertychange keyup input paste", function(event){
    // If value has changed...
        if ($(this).data('oldVal') != $(this).val()) {
            // Updated stored value
            $(this).data('oldVal', $(this).val());

            // Do action
            ....
        }
    });
});

by phatmann

How to catch the change of Text property of a Label control?

2 Answers2