I have a JavaScript input object with type="text" ing along with an onchange event which is created by (related lines):

var id_box = document.createElement('input');
id_box.id = 'id_box';
id_box.type = 'text';
id_box.onchange = function()
{
    alert("Changed!");
}

For changing this value in this input field I use:

var a = document.createElement('a');
a.innerHTML = "A";
a.onclick = function()
{
    document.getElementById('id_box').value = 'A';
}

The onchange event works only changing value by keyboard typing but not for changing value by above function. Is there any way to make this works?

Please take a look at this: /

I have a JavaScript input object with type="text" ing along with an onchange event which is created by (related lines):

var id_box = document.createElement('input');
id_box.id = 'id_box';
id_box.type = 'text';
id_box.onchange = function()
{
    alert("Changed!");
}

For changing this value in this input field I use:

var a = document.createElement('a');
a.innerHTML = "A";
a.onclick = function()
{
    document.getElementById('id_box').value = 'A';
}

The onchange event works only changing value by keyboard typing but not for changing value by above function. Is there any way to make this works?

Please take a look at this: http://jsfiddle/zCMdV/7/

• javascript
• dom-events

Share Improve this question Follow edited Jan 13, 2023 at 14:34 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jul 26, 2011 at 7:32 ProtocoleProtocole 1,7431111 gold badges2828 silver badges4343 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

What browser are you using?

I have made this example, which works for me... the subtle change is that I add the event to the input before I append it to the div element.

<div id="test"></div>
<script type="text/javascript">
    var id_box = document.createElement('input');
    id_box.type = 'text';
    id_box.onchange = function()
    {
        alert("Changed!");
    }
    document.getElementById("test").appendChild(id_box);

</script>

See it in action on JS Fiddle: http://jsfiddle/Sohnee/zCMdV/

Update:

If you are going to automate the changing of the value, you can do the same to trigger the change event...

http://jsfiddle/Sohnee/zCMdV/10/

document.getElementById('id_box').onchange();