jQuery DataTables：选择每页行数下拉列表后更改焦点

Question

使用jQuery DataTables，我使用aLengthMenu创建一个下拉列表，用于选择每页的行数。当用户进行选择时，显示会正确更改，但焦点仍然在下拉列表中 - 因此，如果用户从下拉列表中选择然后点击向下翻页键（希望向下滚动页面），则下拉列表本身会滚动而不是这页纸。请参阅http://esininja.com/Library.aspx。

有没有办法创建一个行选择下拉列表，一旦选择了多行，它就会将焦点从下拉列表移开？只需单击页面上的其他位置就可以轻松地从下拉列表中删除焦点，但并非所有用户都意识到需要这样做，如果没有必要，那就太好了。

非常感谢。

Answer 1

要让所有选择框在其值发生变化时失去焦点，这个jQuery就能解决问题。

http://jsfiddle.net/x9rxm/

    $(function() {
        $("select").change(function(){
            $(this).blur();
        });
    });

在您的情况下，您可以使用更具体的选择器选择您正在考虑的框，可能是“[name = example_ESI_Articles_length]”。另外，请记住，在“选择”元素出现在DOM中之后，需要运行此代码。