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()

DEMO

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

Answer 2

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

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

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

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

Answer 3

试试此演示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(); 
    });
});

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

3 个答案: