使<选择>选项”;点击“;自动地

Make <select> options "click" automatically

本文关键字：点击 选项 lt 选择 gt      更新时间：2023-09-26

假设我有一个下拉列表，如下所示：

<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必须点击提交？

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

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

这只使用javascript，而不需要加载整个JQuery库——除非您将JQuery用于网站上的其他函数。

您可以使用jQuery侦听change事件并自动提交父窗体。类似这样的东西：

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

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

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

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

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

相关文章：