2012-12-17 72 views
0

我知道有很多這方面的帖子,但我沒有找到有效的東西運氣。獲取提交按鈕的名稱或價值的多種形式

我在頁面上有多個表單,我希望能夠使用每個表單中的提交按鈕逐個提交。這是目前適用於我:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title></title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    <!-- 
    $(document).ready(function() { 
     $(".do_submit").click(function() { 
      var element = $(this); 
      var Id = element.attr("id"); 
      var val = $("#val" + Id).val(); 
      var anotherval = $("#anotherval" + Id).val(); 
      alert("Id " + Id + " val " + val + " anotherval " + anotheval); 
        // How do I get the name of the value of whatever submit button was clicked 
     }); 
    }); 
    --> 
</script> 
</head> 
<body> 
<form action="" method="post" name="form1" /> 
    <input type="hidden" name="val" id="val1" value="a" /> 
    <input type="hidden" name="anotherval" id="anotherval1" value="b" /> 
    <input type="submit" name="SavePlantInfo" class="do_submit" id="1" value="Save" /> 
    <input type="submit" name="SavePlantInfoAndEmail" class="do_submit" id="1" value="Save And Email" />         
</form> 

<form action="" method="post" name="form2" /> 
    <input type="hidden" name="val" id="val2" value="a" /> 
    <input type="hidden" name="anotherval" id="anotherval2" value="b" /> 
    <input type="submit" name="Save" class="do_submit" id="2" value="Save" /> 
    <input type="submit" name="SaveAndEmail" class="do_submit" id="2" value="Save And Email" />         
</form> 
</body> 
</html> 

我無法弄清楚是如何知道哪些2提交按鈕被點擊。我希望能夠獲得名稱(首選)或者點擊提交按鈕的值。

TIA!

+1

順便說一句,我們沒有必要的,因爲1997年

+0

裏面的點擊功能使用HTML註釋來隱藏JS,那將是'this.name'? – adeneo

+0

也是元素的ID應該是不同的。這是一個例子http://jsfiddle.net/F6mqf/ – kode

回答

3

你嘗試:

$(this).attr("name");

+0

是的,這是做到了。謝謝! – Analog

0

試試這個;

$(".do_submit").click(function() { 
      var ele=$(this).val(); 
    if(ele=='Save') 
    { 
    /// your code 
    } 
    else 
    { 
    // save and email 
    } 
    });​ 
0
$(".do_submit").click(function() { 
    var buttonName = this.name; // OR $(this).attr('name') 
    // your code 
});