如何在单击按钮时更改窗体的动作属性

时间:2011-04-04 09:25:10

标签: jquery html forms action

我想在点击按钮时更改表单的action属性

我在表单中有两个按钮,当点击每个按钮时,每个按钮都应该将数据发布到自己的网址。

HTML:

<form method="post">
<input type="button" value="Edit Selected..." />
<input type="button" value="Delete Selected..." />
...
</form>

2 个答案:

答案 0 :(得分:4)

  

使用jQuery

<form method="post" id="form1">
<input type="button"  data-url="action2"  value="Edit Selected..." />
<input type="button" data-url="action1" value="Delete Selected..." />
...
</form>

脚本: -

$(document).ready(function(){

    $('input[type*="button"]').click(function(){
    var url = $(this).attr('data-url');


     $('#form1').attr('action',url);   

    });

});

答案 1 :(得分:2)

GOD它与本机javascript非常相似,我错过了它...

我不确定它的平面javascript还是jquery但是我完全按照我的需要获得了以下代码并且工作正常:

        $('#cmdDeleteButton').click(function(){
            this.form.action = "http://newurl.com";
        });