2011-04-04 84 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