使 <select>选项“自动点击”

Question

假设我有一个这样的下拉：

<div class="selector">
    <select name="perPage">
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="25">25</option>
    </select>
</div>

我知道PHP和Javascript（jQuery），所以两者中的解决方案都可以。 但是我下面有一个submit按钮，而不是那个，我想知道是否有办法点击下拉菜单，选择你的价值，然后让它自动发送，OUT必须点击提交？

Answer 1

您可以使用select的'onchange'元素：

<select name="dropdown" id="dropdown" onchange="this.form.submit()">

这只使用javascript而不需要加载整个JQuery库 - 除非你将JQuery用于网站上的其他功能。

Answer 2

您可以使用jQuery监听change事件并自动提交父表单。 像这样的东西：

$('.selector select[name=perPage]').on('change', function(e) {
    $(e.currentTarget).closest('form').submit();
});

Answer 3

分配一个id来选择，例如selectID ，然后添加表单的jQuery：

$('#selectID').change(function(){
    this.form.submit()
});

Answer 4

$('select[name="perPage"]').on('change', submitForm);

其中submitForm是提交表单的函数。