Input textbox onchange is not firing when data is assigned to input textbox

Question

This is my HTML page

<script>
function set()
{
document.getElementById("txt").value++;
}
</script>
<input id="txt" type="text" onchange="javascript:alert('txt changed');" value="0">
<br/>
<input type="button" onclick="set()" value="Set Data"/>

When I press the button, the text box value is changing, and the onchange event is not firing, but when I enter value manually in the textbox, it is firing the onchange.

All I want is to call a JavaScript function when data is changed in the textbox when a button is clicked.

Can you help?

Vinay B R · Accepted Answer · 2010-08-30T15:15:26.290

3

you can fire onchange from code using document.getElementById("txt").onchange(); after the changing the value through code

UPDATE

change your set function to take the id of the text box

function set(textboxid)
{
    var tb = document.getElementById(textboxid);
    tb.value++;
    tb.onchange();
}

edited Aug 30 '10 at 15:15

answered Aug 30 '10 at 13:21

Vinay B R

8,089
2
30
45

thats a quick reply, but my problem is like i have 5-6 textboxes with separate buttons for each. in that case i have to call this in each and every button click. any other alternatives – Harsha Aug 30 '10 at 13:25

score 0 · Answer 2 · answered Aug 30 '10 at 13:45

This appears to be a browser bug. With firebug I have logged all events in input. ANY events is triggered when you change value with function set();

I've tested in firefox.

Note: if it isn't a bug, at least is a wrong definition about how events works.

Input textbox onchange is not firing when data is assigned to input textbox

2 Answers2

Linked