javascript - 选择更改事件未触发

Question

首先，我在网上研究了我的问题，但找不到任何解决方案，这让我再次提出这个问题。

我有一个在 change 事件中注册的选择，所以当我在浏览器事件触发时更改它但是当我以编程方式尝试时它不起作用。

选择:

<select name="symbol" id="symbol" class='input-xmini'>
    <option>-Choose Symbol-</option>
    <option value="Categories">Categories</option>
    <option value="UpcInfo">UPC</option>
    <option value="Transaction">Transaction</option>
    <option value="Ticket">Ticket</option>
</select>

事件注册:

$('#symbol').on('change',function(){    
    alert('changing symbol')
});

我已经尝试过的:

1. $('#symbol').val('类别').trigger('改变')
   
2. $('#symbol').val('类别').change()
   
3. 在 document.ready 函数和脚本标签本身内注册了事件处理程序。
   
4. $(document).on('change','#symbol',function(){}

我需要以编程方式更改它，但这不起作用。

请人们不要认为我只是另一个问问题的菜鸟，这个问题已经被问过多次了。帮助。谢谢。

注意:我已经尝试了几乎所有方法，但它不起作用，有人可以从理论上告诉我为什么这不起作用吗？

Answer 1

我在函数上重做了一遍

$("body").on("change","#symbol",function(){
   alert('changing symbol')
})

http://jsfiddle.net/pTq2X/