当数据分配给输入文本框时，输入文本框onchange不会触发

本文介绍了当数据分配给输入文本框时，输入文本框onchange不会触发的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

这是我的HTML网页

< script> 函数set（） { document.getElementById（txt）。value ++; } < / script> < input id =txttype =textonchange =javascript：alert（'txt changed'）;值= 0 > < br /> < input type =buttononclick =set（）value =设置数据/>

当我按下按钮时，文本框的值正在改变，onchange事件不会触发， ，但是当我在文本框中手动输入值时，它会触发onchange。

我只需要在数据更改时调用JavaScript函数点击一个按钮的文本框。

您能帮忙吗？

解决方案

通过代码更改值后，您可以使用 document.getElementById（txt）。onchange（）; 从代码中触发onchange

UPDATE

更改您的设置功能以获取文本框的ID

函数集（textboxid） { var tb = document.getElementById（textboxid）; tb.value ++; tb.onchange（）; }

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?

解决方案

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(); }