给select标签中的option添加bootstrap的模态框

给select标签中的option添加bootstrap的模态框,在谷歌浏览器中需要每次切换才会生效,在IE9中第一次选中不会弹出模态框,第二次以后点击会出现 ,怎么解决能只要点击就会出现模态框
代码:

 <option value="4" data-toggle="modal" data-target="#query">自定义</option>

试试给option加click事件,在点击事件中使用$("#id").modal("show")

data-toggle用错对象了吧,自己给select添加onchange,然后判断如果value是4自己手动调用modal的api进行弹出操作。。应该类似

 <select onchagne="if(this.value=='4')$('#query').modal()"...

加click事件不起作用