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('change')
   
2. $('#symbol').val('类别').change()
   
3. 在 document.ready 函数内以及 script 标记本身内注册事件处理程序。
   
4. $(document).on('change','#symbol',function(){}

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

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

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

Answer 1

我在函数上做了这个

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

http://jsfiddle.net/pTq2X/