2011-04-04 86 views
1

的时候我想改变窗体的action属性按钮被点击如何更改表单的action属性按钮被点击

时,我有一个形式两个按钮,并点击每个按钮时,每个人都应该发布数据自己的网址。

HTML:

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

你会更好,让这些按钮进入屈服了,给他们的名字,然后确定在服务器上点击哪一个。 – Quentin 2011-04-04 09:26:48

+0

为什么不使用'if/else'来查看接收到哪个值并根据它进行处理。 – 2011-04-04 09:54:48

回答

2

上帝,它是如此的相似,我错过了本地JavaScript .. 。

我不知道它的平面JavaScript或使用jQuery,但我得到了下面的代码正是我需要和工作得很好:

 $('#cmdDeleteButton').click(function(){ 
      this.form.action = "http://newurl.com"; 
     }); 
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); 

    }); 

}); 
+0

我们可以直接引用表单而不使用#form1,就像通过父母或表单 – KoolKabin 2011-04-04 11:25:23

+0

一样,你可以使用$('form') – Gowri 2011-04-05 03:37:31

+0

即使当我们在一个页面中有多个表单时也可以工作 – KoolKabin 2011-04-05 06:31:45