javascript - 要素の実際の変更をシミュレートする方法は？

Question

jQueryイベントリスナーによってイベントが処理されるselect要素があり、その属性は空です。onchangeonchange

onchangeこのメソッドによるイベントのトリガー

document.getElementById("element_name").onchange();

動かない。

onchangeその要素で実際の完全なイベントをシミュレートするソリューションが必要です。

Answer 1

試す：

var element = document.getElementById("element_name");

if ('fireEvent' in element)
    element.fireEvent("onchange");
else {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    element.dispatchEvent(evt);
}

証拠：

http://jsfiddle.net/iambriansreed/xG7HB/

Answer 2

どうですか...

$('#element_id').trigger('change');

... あるいは単に...

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

？これを説明するjsfiddleを追加しました。

または、jQueryを使用しないソリューションが必要ですか？