자바스크립트 hidden onchange 함수

<input type="hidden" id="test"/>

$(document).ready(function(){ 

$('#test').on('change', function(){

console.log('test!!!!!');

}

});

function testChange() {

$('#test').val('change!!!!!');

}

testChange();

이렇게 value 값을 바꿨을때 change함수를 타지 안는다.

그래서 해결한 방법은

<input type="hidden" id="test" onchange="valueChange()"/>

function testChange() {

$('#test').val('change!!!!!');

$('#test').change();

}

testChange();

function valueChange() {

console.log('test!!!!!!!!');

}

hidden 필드에 값을 바꿔주고  $('#test').change();  함수를 태워주니 잘 동작하네요

혹시 더 좋은 방법 아시는분 있음 답글좀.....