jquery - 如何用 jquery 更改属性替换表单中的提交？

Question

伙计们，我有这个样本表格：

<form method="POST" action="/some/url/method-to-handle-the-form">
some stuff here.

<input type="submit">
</form>

原始功能是需要单击提交按钮才能加载该操作，我要做的是使其自动添加此选择类型：

<select blah blah>

每当我在其中选择某些内容时，表格将与我选择的选项一起提交。

Answer 1

.closest()

演示

$('#selectElementId').change(
    function(){
         $(this).closest('form').trigger('submit');
         /* or:
         $('#formElementId').trigger('submit');
            or:
         $('#formElementId').submit();
         */
    });

Answer 2

试试这个演示http://jsfiddle.net/HTVMw/4/

<form method="POST" action="/some/url/method-to-handle-the-form">
    some stuff here.
    <select name="select" id="select">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <input type="submit" />
</form>

 

$(function(){
    var $select = $('#select');
    $select.change(function(){
       $select.closest('form').submit(); 
    });
});

Answer 3

如果有多个表单，请为您的表单提供一个 ID

<form method="POST" action="/some/url/method-to-handle-the-form" id="someid">

然后提交该表单的选择更改

$('#selectElementId').change(
function(){
     $("#someid").submit();
      });