2013-08-30 42 views
1

家伙,我有这个样表:如何用jQuery更改属性替换表单中的提交?

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

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

的最初的功能是提交按钮需要点击加载一个动作,就是我想要做的就是让它自动添加此选择类型:

<select blah blah> 

只要我在里面选择一些东西,表格就会和我选择的选项一起提交。

回答

1

给一个ID,你的形式,多种形式

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

然后情况下做的选择更改提交该表格

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

哦表单可以有ID吗?不错。谢谢 –

+0

@BelmarkCaday你是认真的:-o –

4

.closest()

DEMO

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

如果有一种在页面两种形式?最接近的形式部分发生了什么? –

+0

'最接近'会找到最接近的下拉列表n触发器提交 –

1

试试这个演示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(); 
    }); 
}); 
相关问题