숨겨진 필드에 버튼의 속성 저장

두 개의 버튼이 있습니다. 두 버튼에는 두 가지 속성, 즉 "data-from"과 "data-to"가 있습니다. 단추 중 하나를 클릭하면 이러한 특성 값을 숨김 필드로 전달해야하며 양식을 제출해야합니다 (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>

READING :

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

출처

2012-02-21 Lijo

두 속성은? –

그것은 오타이었다. 두 개의 서로 다른 속성은 각 버튼에 존재합니다. – Lijo

코드는 거의있다. 그것은 당신이 페이지에 하나의 양식을 가지고 있거나 $ ('# form1')로 변경할 수있는 경우 일반 $ ('form')을 사용할 수있는 submit 함수에서 실패했습니다.

이제 비표준 속성을 사용하여 값을 저장하는 것으로 나타났습니다.이 값은 작동하지만 구문 상 올바르지 않습니다.이 값을 전달하려면 변경해야 할 수도 있습니다. 검증. 같은 이름을`데이터 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

숨겨진 필드에 버튼의 속성 저장

답변

관련 문제