IE9中选择输入的change（）事件

Question

我知道jQuery的change()方法不会触发IE9中的select和radio输入。 但是，我找到的解决方法都没有为我工作。

这是适用于所有体面浏览器的代码：

    $("select#orderby").change( function(e){
        console.log("order");
        $("#candidate-filters").submit();
    });

这是我看到人们在IE9中解决这个问题所做的一个版本：

    $("select#orderby").bind( ($.browser.msie)? 'propertychange' : 'change', function(e){
        console.log("order");
        $("#candidate-filters").submit();
    });

当我尝试它时，这不起作用。 控制台中没有错误。 什么都没发生。 我究竟做错了什么？

编辑：当我切换到.on()方法时，我可以导致页面重新加载（可能是由于.submit()操作），但未捕获表单选择输入。 页面只是重新加载，好像什么都没有改变。

有用！ 但还有一个我忽略的部分，其他部分可能会发现有用。 IE不支持HTML5 form="form_id"属性，该属性允许您在<form>标记之外放置一个表单元素。 所以，一旦我能够绑定事件，我还必须将值附加到表单中：

if ($.browser.msie) {
    $("select#orderby").bind( "propertychange", function(e){
        //console.log("order");
        var update = $(this).val();
        $("#candidate-filters").append('<input type="hidden" name="orderby" value="'+ update +'" /> ');
        $("#candidate-filters").submit();
    });
} else {
    $("select#orderby").change( function(e){
        console.log("order");
        $("#candidate-filters").submit();
    });
}

我太快了：上面的代码只适用于IE8但不适用于IE9。 有任何想法吗？

Answer 1

在IE9的jsfiddle中，这个例子对我来说似乎很好用：

jQuery的

$("#test").on("change", function(){
    alert("test changed to: " + this.value)
})​;

HTML

<select id="test">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

有可能选择使用blur ，但它肯定取决于具体情况。

另外 ，请注意， console.log在IE中不起作用......这可能是你问题的一部分。 正如@MikeMcCaughan在评论中指出的那样，控制台应该与IE开发人员工具一起使用。

请在此处查看兼容性表。 看起来IE中可能还不支持form属性。

Answer 2

你有没有尝试过改变

   $("select#orderby").change( function(e){
        console.log("order");
        $("#candidate-filters").submit();
    });

至

   $("select#orderby").click( function(e){
        console.log("order");
        $("#candidate-filters").submit();
    });

或者使用.on（）或.live（），这取决于你的jquery版本，对我有用，它也来自Here on SO