2012-12-17 55 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 
});