IE9 中选择输入的 change() 事件

Question

我知道 jQuery 的 change() 方法不会触发 IE9 中的选择和单选输入。但是，我发现的任何解决方法都不适合我。

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

    $("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

这个 example 在 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 也有可能使用的选项，但这绝对取决于具体情况。

ALSO，请注意 console.log 在 IE 中不起作用...这可能是您的问题的一部分。正如 @MikeMcCaughan 在 cmets 中所说，控制台应该与 IE 开发者工具配合使用。

请参阅兼容性表here。看起来form 属性在 IE 中可能还不支持。

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