将按钮中的属性存储在隐藏字段

我有两个按钮。两个按钮都有两个属性 - “数据来源”和“数据来源”。当单击任何按钮时，需要将这些属性值传递给隐藏字段，并且需要提交表单（POST）。在提交之前，我还需要提醒隐藏字段的属性值。我怎么做？将按钮中的属性存储在隐藏字段

注意：下面的代码是使用ASP.NET Webforms编写的。

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 

<title></title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> </script> 

<script type="text/javascript"> 

    $(document).ready(function() 
    { 
     $('#mainDiv input[type="button"]').on('click', function() 
     { 
      alert('HAi'); 
      $('#from').val($(this).attr('data-from')); 
      $('#to').val($(this).attr('data-to')); 

      //alert($('#from').val); 
      //alert($('#to').val); 

      $('this').closest('form').submit(); 
     }); 
    }); 
</script> 
</head> 
<body> 
<div id="mainDiv"> 
<form id="form1" runat="server"> 
<div> 
    <input type="button" 
       value="Show March Programs" 
       data-from="01-03-2012" 
       data-to="31-03-2012" /> 

    <input type="button" 
       value="Show 2012 Programs" 
       data-from="01-01-2012" 
       data-to="31-12-2012" /> 

     <input type="hidden" id="from" value="1" /> 

     <input type="hidden" id="to" value="2" /> 
</div> 
</form> 
</div> 
</body> 
</html>

阅读：

How do i Pass the Value To hidden using attr in jquery

来源

2012-02-21 Lijo

两个属性？ – 2012-02-21 11:49:18

这是一个错字。两种不同的属性上的每个按钮存在。 – Lijo 2012-02-21 11:51:31

你的代码是几乎没有。这是失败的提交功能，您可以使用通用的$（'表单'）（如果您的页面中只有一个表单，或者您可以将其更改为$（'＃form1'）。您还需要更改在你的表单中的动作和方法

现在，我看到你正在使用非标准的属性来存储值，这'工作'，但不是语法上的正确，你可能需要改变它，如果你想通过验证。

具有相同名称的`数据from`

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> </script> 
<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('#mainDiv input[type="button"]').on('click', function() 
     { 
      alert('HAi'); 
      $('#from').val($(this).attr('data-from')); 
      $('#to').val($(this).attr('data-to')); 

      alert($('#from').val()); 
      alert($('#to').val()); 

      $('form').submit(); 
     }); 
    }); 
</script> 
</head> 

<body> 
<div id="mainDiv"> 
    <form id="form1" runat="server" action="index.html"> 
    <div> 
     <input type="button" 
       value="Show March Programs" 
       data-from="01-03-2012" 
       data-to="31-03-2012" /> 
     <input type="button" 
       value="Show 2012 Programs" 
       data-from="01-01-2012" 
       data-to="31-12-2012" /> 
     <input type="hidden" id="from" value="1" /> 
     <input type="hidden" id="to" value="2" /> 
    </div> 
    </form> 
</div> 
</body> 
</html>

来源

2012-02-21 11:58:17 Alfonso

谢谢，它的工作原理。 – Lijo 2012-02-21 12:17:19

将按钮中的属性存储在隐藏字段

回答

相关问题