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是一个提交表单的函数。

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

4 个答案: