jquery - 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 中出现“select”元素之后运行。