提交表单以选择选项。onClick

Question

当用户使用 jQuery 单击选项时，我将如何提交表单？我使用 datepicker 文本输入发现了一个类似的问题，但我对 jQuery 不太熟悉，所以我似乎无法将其转换为适用于选择的项目。

Answer 1

在 的 click 上：

$('option').click(function ()
{
    $(this).closest('form').submit();
});

在 的 change 上（这可能是你想要的一个）：

$('select').change(function ()
{
    $(this).closest('form').submit();
});

---

正如@Guffa 评论的那样：

选项上的 click 事件并非在所有浏览器中都有效。例如，Safari 不会触发它。

...所以你肯定想要第二个。

Answer 2

选项上的 click 事件并非在所有浏览器中都有效。使用 select 元素的 change 事件。

示例：

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

请注意，当您调用 submit 方法发布表单时，不会触发表单的 submit 事件。

Answer 3

对这些答案的一个小修正：

$(document).ready(function() {
    $('#some_link').click(function() {
        $('#form_id').submit();
    });
});

Answer 4

$('select').change(function() {
  $('form').submit();
});

Answer 5

$('#option').click(function () {
    // form validation and such then

    $('form').submit();
})

这是我能想到的最简单的更新方法

：

对于特定的表单，你可以使用它的名称或id，这实际上取决于你的html的样子

$('form[name="formnamehere"]').submit();

Answer 6

我发现其他答案很有帮助，但要真正实现我需要的基于每个选项的单独操作，单击这正是我所需要的：

jquery：选项加类并单击