jQuery : 양식 제출시 클릭 한 버튼을 얻는 방법은 무엇입니까?

227

.submit()양식 제출을위한 이벤트 가 있습니다 . 또한 페이지에 여러 양식이 있지만이 예제에서는 여기에 하나만 있습니다. .click()각 이벤트에 이벤트를 적용하지 않고 어떤 제출 단추를 클릭했는지 알고 싶습니다 .

설정은 다음과 같습니다.

<html>
<head>
  <title>jQuery research: forms</title>
  <script type='text/javascript' src='../jquery-1.5.2.min.js'></script>
  <script type='text/javascript' language='javascript'>
      $(document).ready(function(){
          $('form[name="testform"]').submit( function(event){ process_form_submission(event); } );
      });
      function process_form_submission( event ) {
          event.preventDefault();
          //var target = $(event.target);
          var me = event.currentTarget;
          var data = me.data.value;
          var which_button = '?';       // <-- this is what I want to know
          alert( 'data: ' + data + ', button: ' + which_button );
      }
  </script>
</head>
<body>
<h2>Here's my form:</h2>
<form action='nothing' method='post' name='testform'>
  <input type='hidden' name='data' value='blahdatayadda' />
  <input type='submit' name='name1' value='value1' />
  <input type='submit' name='name2' value='value2' />
</form>
</body>
</html>

jsfiddle의 라이브 예

각 버튼에 .click () 이벤트를 적용하는 것 외에도 클릭 한 제출 버튼을 결정하는 방법이 있습니까?

jquery  forms 
— 호크 엑스
소스
2
물론이 정보가 서버 측을 결정하는 것은 사소한 일입니다.
— Neil
5
@Neil $ .ajax () 및 serializeArray ()를 통해 양식을 제출하는 경우는 아닙니다.
— Aaron
— Bergi
1
제출 버튼에 리스너를 배치하고 양식을 수동으로 제출하는 것은 어떻습니까.
— JMRC
1
양식 데이터의 직렬화 된 버전을보고 버튼에 일치하는 것은 name어떻습니까?
— Augustin Riedinger

답변:

235

나는 같은 질문을했다 : 양식 제출 이벤트에서 제출을 일으키는 버튼을 어떻게 얻을 수 있습니까?

나는이 솔루션을 생각해 냈고 꽤 잘 작동했습니다.

$(document).ready(function() {
    $("form").submit(function() { 
        var val = $("input[type=submit][clicked=true]").val();
        // DO WORK
    });
    $("form input[type=submit]").click(function() {
        $("input[type=submit]", $(this).parents("form")).removeAttr("clicked");
        $(this).attr("clicked", "true");
    });
});

여러 양식이있는 경우이 부분을 약간 조정해야하지만 여전히 적용해야합니다

— 사냥꾼
소스
11
+1 좋은 해결책. 제출 양식 양식이 아약스 방식으로 처리되고 사전에 클릭 된 버튼이 다시 나타나지 않도록하려면 버튼에서 clicked 속성을 false로 재설정하는 명령문을 추가 할 수 있습니다.
— Chandu
1
아, 알겠습니다 자신의 "클릭 한"속성을 추가하고 있습니다. 나는 "clicked"boolean을 찾기 위해 온통 어디서나 찾을 수 없었습니다. 나는 나 자신을 만들 생각하지 않았다. 좋은 생각!
— hawkexp
9
이것은 버튼 요소가 아닌 입력 요소에서만 작동합니다.
— Bob.at.Indigo.Health
1
버튼 요소가있는 Chrome에서는 필요하지 않습니다. 간단히 on submit 이벤트를 처리하고 폼에서 FormData 객체를 생성하며 클릭 한 버튼의 값을 항상 포함합니다. FireFox는이 동작을 나타내지 않고 버튼 값을 전혀 보내지 않습니다. Chrome은 위의 솔루션과 같은 작업을 자동으로 수행하여 클릭 한 버튼을 기억하고 양식 데이터에 자동으로 포함시킵니다. 물론, 표준 동작의 부족 (어쨌든 JavaScript의 모든 것을 뿌려서 놀라지 않습니다)은 기능을 쓸모 없게 만듭니다.
— Triynko
1
또한 제출 요소는 입력 태그 일 필요가 없으므로 선택기 "button [type = submit]"(쉼표로 구분)을 추가하는 것이 좋습니다.
— Kyselejsyreček
91

나는 이것이 효과가 있음을 발견했다.

$(document).ready(function() {
    $( "form" ).submit(function () {
        // Get the submit button element
        var btn = $(this).find("input[type=submit]:focus" );
    });
}
— 스탠
소스
12
이 솔루션은, 정의되지 않은이 아니라 버튼 객체 돌아갑니다, 크롬에서 잘 작동하지만 사파리에서 작동하지 않을 수 있습니다
— 씨 일 린
1
@ Krinkle 가장 일반적인 방법을 보여주기 위해 코드를 작성했습니다. 필자는 개발자가 취향에 맞게 최적화 할 수 있다고 생각합니다.
— Stan
다른 솔루션보다 깨끗합니다. 아직도 누르면 작품이지만 입력하는 것이 해결책 발견하지 않았습니다
— andrewtweber
이 답변은 항상 작동하지는 않습니다. 실제로 포커스가 아닌 클릭 된 버튼이 필요합니다 (포커스 동작은 클릭 동작이 아니므로). 선택한 헌터의 답변이 정답입니다.
— Vasil Popov
제출 버튼에 클릭 이벤트가 있고 양식에 이벤트를 제출합니다. 후자는 전자를 트리거합니다. 나는 이것을 이벤트의 출처를 알아 내기 위해 사용했다. 일부 브라우저에서는 버튼을 클릭하면 버튼에 초점이 맞춰지고 다른 브라우저에서는 아무것도 얻지 못합니다. 내가 테스트 한 모든 브라우저에서 입력시 Enter 키를 누르면 입력에 집중합니다.
— notacouch
65

이것은 나를 위해 작동합니다 :

$("form").submit(function() {
   // Print the value of the button that was clicked
   console.log($(document.activeElement).val());
}
— seddonym
소스
3
이것은 얻기 위해 도움이되었다 id의를 activeElement, I는 한$(document.activeElement).attr('id');
— 미 콜라이
9
가치있는 것을 위해, 당신은 id를 얻기 위해 jQuery를 사용할 필요가 없습니다-순수한 자바 스크립트를 사용하는 것이 훨씬 간단합니다 :document.activeElement.id
— Nick F
5
Safari에서는 예상대로 작동하지 않습니다. :(
— rinogo
@rinogo : Safari는 어떻게 되나요?
— 초승달 신선한
1
Safari에서는 document.activeElement입력이 아닙니다. 제 경우에는 모달 div (양식 포함)입니다.
— mgalgs
46

양식이 제출 될 때 :

  • document.activeElement 클릭 한 제출 버튼이 표시됩니다.

  • document.activeElement.getAttribute('value') 해당 버튼의 값을 제공합니다.

— 닉 F
소스
2
Safari에서는 예상대로 작동하지 않습니다. :(
— rinogo
Safari는 잘 모르겠지만 Chrome에서는 잘 작동했습니다. :) 감사합니다!
— Ingus
Chrome 63 및 IE11에서 작동
— Crispalot 경
jquery 눈에 띄지 않는 유효성 검사가 실행 중이며,이 전에 인터셉트하여 유효하지 않은 입력을 버튼 대신 activeElement로 설정합니다.
— Peheje
28

내 목적을 위해 더 깨끗한 것처럼 보이는 접근법이 있습니다.

첫째, 모든 형태의 경우 :

$('form').click(function(event) {
  $(this).data('clicked',$(event.target))
});

이 click 이벤트가 폼에 대해 발생하면 나중에 액세스 할 원래 대상 (이벤트 객체에서 사용 가능)을 기록합니다. 양식의 아무 곳이나 클릭하면 발사되므로 매우 광범위한 스트로크입니다. 최적화 의견은 환영하지만 눈에 띄는 문제를 일으키지 않을 것으로 생각됩니다.

그런 다음에서 다음 $('form').submit()과 같은 방법으로 마지막으로 클릭 한 항목을 문의 할 수 있습니다.

if ($(this).data('clicked').is('[name=no_ajax]')) xhr.abort();
— 조나단 카메 니쉬
소스
클릭이 아닌 양식 제출 이벤트 인 경우 어떻게합니까?
— Tony
1
@Tony, 죄송합니다. 귀하의 질문을 더 빨리 보지 못했습니다. 이 답변은 전적으로 양식 제출과 관련이 있습니다. 제출 버튼도 클릭되어 클릭 이벤트가 발생합니다.
— Jonathan Camenisch
2
양식의 제출 이벤트가 하위 요소 클릭 이벤트 전에 시작되므로 헌터의 답변에 대해이 답변을 지지합니다. 이로 인해 양식의 제출 이벤트가 취소되면 어려움이 발생 return false하지만 클릭이 하위 대신 양식에 바인딩되므로이 방법이 올바르게 작동합니다.
— pospi
7
클릭 이외의 방법으로 양식을 제출 한 경우 (예 : Enter를 누르는 경우) 제대로 처리하지 못합니다. 다른 방법으로 양식을 제출하면 마지막으로 클릭 한 것이 아니라 제출 이벤트를 트리거 한 첫 번째 제출 단추입니다.
— quietmint
이후에 세미콜론이 누락 ... $(event.target))되었지만 편집은 6 자 이상이어야하므로 편집 할 수 없습니다.
— Hafenkranich
13

와우, 일부 솔루션은 복잡해질 수 있습니다! 간단한 전역을 사용하는 것이 마음에 들지 않으면 입력 버튼 클릭 이벤트가 먼저 발생한다는 사실을 이용하십시오. $ ( '# myForm input')을 사용하여 여러 양식 중 하나에 대해 $ ( 'input') 선택기를 추가로 필터링 할 수 있습니다.

    $(document).ready(function(){
      var clkBtn = "";
      $('input[type="submit"]').click(function(evt) {
        clkBtn = evt.target.id;
      });

      $("#myForm").submit(function(evt) {
        var btnID = clkBtn;
        alert("form submitted; button id=" + btnID);
      });
    });
— 잔디밭
소스
12

가장 좋은 해결책은

$(document.activeElement).attr('id')

이것은 입력뿐만 아니라 버튼 태그에서도 작동합니다. 또한 버튼의 ID를 얻습니다.

— 토마스 윌리엄스
소스
내 페이지가 Safari에서 작동하는지 확인해야합니다. Safari가 항상 그렇게 어려운 이유는 무엇입니까? 고마워 집에 도착했을 때 확인하려고
— Thomas Williams
— Oliver Hader
이것은 Safari에서 작동하지 않습니다. 본문의 버튼에서 리스너를 클릭하면 양식에서 .submit이 호출됩니다. 제출 처리기 내부에서 $(document.activeElement).attr('id')반환undefined
— dyodji
7

또 다른 가능한 해결책은 양식에 숨겨진 필드를 추가하는 것입니다.

<input type="hidden" id="btaction"/>

그런 다음 준비 기능에서 어떤 키를 눌렀는지 기록하는 기능을 추가하십시오.

$('form#myForm #btnSubmit').click(function() {
    $('form#myForm #btaction').val(0);
});

$('form#myForm #btnSubmitAndSend').click(function() {
    $('form#myForm #btaction').val(1);
});

$('form#myForm #btnDelete').click(function() {
    $('form#myForm #btaction').val(2);
});

이제 양식 제출 핸들러에서 숨겨진 변수를 읽고이를 기반으로 결정하십시오.

var act = $('form#myForm #btaction').val();
— wmac
소스
6

Stan과 yann-h가 한 일을 기반으로하지만이 첫 번째 버튼이 기본값입니다. 이 전체적인 접근 방식의 장점은 클릭과 Enter 키를 모두 선택한다는 것입니다 (포커스가 버튼에 있지 않은 경우에도). 예를 들어 Stan의 답변) 내 경우에는 사용자의 현재 초점이 텍스트 상자에 있더라도 enter를 입력하여 양식을 제출할 수 있기를 원했습니다.

나는 또한 'id'대신 'name'속성을 사용하고 있었지만 이것은 같은 접근법입니다.

var pressedButtonName =
     typeof $(":input[type=submit]:focus")[0] === "undefined" ?
     $(":input[type=submit]:first")[0].name :
     $(":input[type=submit]:focus")[0].name;
— 앤드류 모
소스
따라서 Tab 키를 사용하여 두 번째 버튼으로 초점을 이동하고 RETURN을 누르면 첫 번째 버튼으로 기본 설정됩니다.
— FrancescoMM
5

이것은 나를 위해 일했다

$('#Form').submit(function(){
var btn= $(this).find("input[type=submit]:focus").val();
alert('you have clicked '+ btn);

}
— 사 he 몽달
소스
메달이 필요합니다!
— 마틴 Zvarík
4

.click 이벤트를 추가하지 않음으로써 해당 이벤트에 대해 별도의 핸들러를 원하지 않는 경우 한 번의 함수로 모든 클릭 (제출)을 처리 할 수 ​​있습니다.

$(document).ready(function(){
  $('input[type="submit"]').click( function(event){ process_form_submission(event); } );
});

function process_form_submission( event ) {
  event.preventDefault();
  //var target = $(event.target);
  var input = $(event.currentTarget);
  var which_button = event.currentTarget.value;
  var data = input.parents("form")[0].data.value;
//  var which_button = '?';       // <-- this is what I want to know
  alert( 'data: ' + data + ', button: ' + which_button );
}
— jcane86
소스
나쁜 생각이 아닙니다. 이것은 페이지의 여러 양식에 적용됩니까?
— hawkexp
@ 호크 그래. 이것이 바람직한 행동인지는 모르겠지만 코드가 실제로 양식을 제출하지 않으므로 광산도 마찬가지입니다. 제출하고 싶다면 event.preventDefault또는을 제거하십시오 input.parents("form")[0].submit().
— jcane86
그리고 당신이 클릭 (복귀 키?)없이 제출하면 그것은 완전히 혼란입니다 ..
— FrancescoMM
4

허용 된 답변에 대해 언급 할 수 없으므로 양식 외부의 요소 (예 : form속성을 사용하여 양식에 첨부)를 고려해야하는 수정 된 버전을 여기에 가져옵니다 . 최신 브라우저 용입니다 : http://caniuse.com/#feat=form-attribute . 가 closest('form') 지원되지 않는위한 대체로 사용되는 form속성

$(document).on('click', '[type=submit]', function() {
    var form = $(this).prop('form') || $(this).closest('form')[0];
    $(form.elements).filter('[type=submit]').removeAttr('clicked')
    $(this).attr('clicked', true);
});

$('form').on('submit', function() {
    var submitter = $(this.elements).filter('[clicked]');
})
— 사용자 3074069
소스
이것은 실제로 선택된 답변이어야합니다. 나는 규칙이 다음과 같아야 할 뿐이라고 "button,[type=submit]"
— Wil
@ 모든 버튼이 제출 버튼 인 것은 아니지만 유형에 따라 다릅니다.
— ptyskju
예, 그러나 <input type = "submit">]이없는 경우, 내가 사용한 모든 UA는 <button> 태그를 양식 제출 트리거로 처리하므로이 경우가 발생합니다. 또는 작성자는 모든 제출 가능 요소에 [type = submit] 속성이 있어야한다는 경고를 추가 할 수 있습니다.
— 윌
3 
$("form input[type=submit]").click(function() {
    $("<input />")
        .attr('type', 'hidden')
        .attr('name', $(this).attr('name'))
        .attr('value', $(this).attr('value'))
    .appendTo(this)
});

숨겨진 필드 추가

— 아이 다사
소스
Firefox 30 / Windows 7에서는 작동하지 않습니다. 참고 : 제출시 이벤트에서 jquery :: .. $ (this) .attr ( 'name')이 모든 브라우저에서 작동하지 않을 수도 있습니다.
— user1610743
Firefox 30 / Windows 7이 있습니다. 모든 것이 완벽하게 작동합니다.
— anydasa
포함해야 button[type=submit]하고 input[type=image].
— rybo111
3

나에게 가장 좋은 해결책은 다음과 같습니다.

$(form).submit(function(e){

   // Get the button that was clicked       
   var submit = $(this.id).context.activeElement;

   // You can get its name like this
   alert(submit.name)

   // You can get its attributes like this too
   alert($(submit).attr('class'))

});
— 예 라미아 할 랜드
소스
3

작업 이 우수한 대답 , 당신은 핸들러를 제출 활성 요소 (버튼), APPEND 폼에 숨겨진 입력을 확인하고 선택적으로의 끝에서 제거 할 수 있습니다.

$('form.form-js').submit(function(event){
    var frm = $(this);
    var btn = $(document.activeElement);
    if(
        btn.length &&
        frm.has(btn) &&
        btn.is('button[type="submit"], input[type="submit"], input[type="image"]') &&
        btn.is('[name]')
    ){
        frm.append('<input type="hidden" id="form-js-temp" name="' + btn.attr('name') + '" value="' + btn.val() + '">');
    }

    // Handle the form submit here

    $('#form-js-temp').remove();
});

참고 : form-jsJavaScript를 통해 제출 된 모든 양식에 개인적으로 수업 을 추가합니다 .

— rybo111
소스
2

Stan 답변과 비슷하지만 :

  • 하나 이상의 버튼이있는 경우 첫 번째 버튼 만 가져와야합니다. => [0]
  • Enter 키로 양식을 제출할 수 있으면 기본값 => myDefaultButtonId를 관리해야합니다.
$(document).on('submit', function(event) {
    event.preventDefault();
    var pressedButtonId = 
         typeof $(":input[type=submit]:focus")[0] === "undefined" ? 
         "myDefaultButtonId" :
         $(":input[type=submit]:focus")[0].id;
    ...
 }
— 얀
소스
2

이것은 내가 사용하는 솔루션이며 매우 잘 작동합니다.

// prevent enter key on some elements to prevent to submit the form
function stopRKey(evt) {
  evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  var alloved_enter_on_type = ['textarea'];
  if ((evt.keyCode == 13) && ((node.id == "") || ($.inArray(node.type, alloved_enter_on_type) < 0))) {
    return false;
  }
}

$(document).ready(function() {
  document.onkeypress = stopRKey;
  // catch the id of submit button and store-it to the form
  $("form").each(function() {
    var that = $(this);

    // define context and reference
    /* for each of the submit-inputs - in each of the forms on
			 the page - assign click and keypress event */
    $("input:submit,button", that).bind("click keypress", function(e) {
      // store the id of the submit-input on it's enclosing form
      that.data("callerid", this.id);
    });
  });

  $("#form1").submit(function(e) {
    var origin_id = $(e.target).data("callerid");
    alert(origin_id);
    e.preventDefault();

  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="form1" name="form1" action="" method="post">
  <input type="text" name="text1" />
  <input type="submit" id="button1" value="Submit1" name="button1" />
  <button type="submit" id="button2" name="button2">
    Submit2
  </button>
  <input type="submit" id="button3" value="Submit3" name="button3" />
</form>
스 니펫 확장

— Vasilenicusor
소스
1

내 해결책은 다음과 같습니다.

   $('#form').submit(function(e){   
        console.log($('#'+e.originalEvent.submitter.id));
        e.preventDefault();
    });
— 롤단
소스
0

또한 솔루션을 만들었고 꽤 잘 작동
합니다 .jQuery와 CSS를 사용합니다.


먼저 빠른 CSS 클래스를 만들었습니다.이 클래스는 포함되거나 별도의 파일에있을 수 있습니다.

<style type='text/css'>
    .Clicked {
        /*No Attributes*/
    }
</style>


다음으로 양식 내의 단추 클릭 이벤트에서 CSS 클래스를 단추에 추가하십시오. 버튼에 이미 CSS 클래스가 있으면 제거하십시오. (우리는 두 개의 CSS 클래스를 원하지 않습니다. [만약]).

    // Adds a CSS Class to the Button That Has Been Clicked.
    $("form :input[type='submit']").click(function () 
    {
        if ($(this).hasClass("Clicked"))
        {
            $(this).removeClass("Clicked");
        }
        $(this).addClass("Clicked");
    });


이제 버튼을 테스트하여 CSS 클래스가 있는지 확인하십시오. 테스트 된 버튼에 CSS가 없으면 다른 버튼이 작동합니다.

    // On Form Submit
    $("form").submit(function ()
    {
        // Test Which Button Has the Class
        if ($("input[name='name1']").hasClass("Clicked"))
        {
            // Button 'name1' has been clicked.
        }
        else
        {
           // Button 'name2' has been clicked.
        }
    });

도움이 되었기를 바랍니다! 건배!

— 제이슨 시드 라스
소스
포함해야 button[type=submit]하고 input[type=image].
— rybo111
스타일 및 CSS에 대한 참조는 제거해야합니다. 여기에서는 관련이 없습니다. 또한 같은 클래스를 두 번 추가하지 않으므로 사용 hasClass()하고 removeClass()중복 되는 줄 addClass().
— rybo111
0

버튼 ID 정보의 홀더로 input type = "hidden"을 작성할 수 있습니다.

<input type="hidden" name="button" id="button">
<input type="submit" onClick="document.form_name.button.value = 1;" value="Do something" name="do_something">

이 경우 양식은 제출시 "1"(버튼 ID) 값을 전달합니다. 제출 (?) 전에 onClick이 발생하는 경우 작동합니다. 항상 사실인지 확실하지 않습니다.

— 대렉
소스
0

어떤 <button> 또는 <input type = "button"...>을 눌렀는지 구별하는 간단한 방법은 'id'를 확인하는 것입니다.

$("button").click(function() {
  var id = $(this).attr('id');
  ... 
});
— 사도
소스
0

다음은 제출 양식이 올바른 양식을 얻기 위해 this.form을 사용하는 샘플과 마지막 클릭 / 초점 요소를 저장하는 데이터 필드입니다. 또한 클릭 이벤트가 실행되기 전에 클릭 이벤트가 발생하는지 확인하기 위해 제출 코드를 타임 아웃 내에 래핑했습니다 (일부 사용자는 Chrome에서 제출 후 클릭 이벤트가 발생하는 경우가 있습니다).

RETURN 키에서 클릭 이벤트를 보내기 위해 브라우저에서 계산하지 않고 키와 마우스 / 손가락을 사용하여 탐색 할 때 작동합니다 (아직 아프지 않음). 버튼과 필드의 포커스 이벤트에 대한 이벤트 처리기를 추가했습니다.

클릭 할 때 스스로 저장되는 항목에 "submit"유형의 버튼을 추가 할 수 있습니다.

데모에서는 선택한 항목과 이름 및 값 / 라벨을 표시하는 경고를 표시하도록 빨간색 테두리를 설정했습니다.

여기 FIDDLE이 있습니다

그리고 (동일한) 코드는 다음과 같습니다.

자바 스크립트 :

$("form").submit(function(e) {
  e.preventDefault();
  // Use this for rare/buggy cases when click event is sent after submit
  setTimeout(function() {

    var $this=$(this);
    var lastFocus = $this.data("lastFocus");
    var $defaultSubmit=null;

    if(lastFocus) $defaultSubmit=$(lastFocus);

    if(!$defaultSubmit || !$defaultSubmit.is("input[type=submit]")) {
      // If for some reason we don't have a submit, find one (the first)
      $defaultSubmit=$(this).find("input[type=submit]").first();
    }

    if($defaultSubmit) {
      var submitName=$defaultSubmit.attr("name");
      var submitLabel=$defaultSubmit.val();

       // Just a demo, set hilite and alert
      doSomethingWith($defaultSubmit);
      setTimeout(function() {alert("Submitted "+submitName+": '"+submitLabel+"'")},1000);
    } else {
      // There were no submit in the form
    }

  }.bind(this),0);

});

$("form input").focus(function() {
  $(this.form).data("lastFocus", this);
});
$("form input").click(function() {
  $(this.form).data("lastFocus", this);
});

// Just a demo, setting hilite
function doSomethingWith($aSelectedEl) {
  $aSelectedEl.css({"border":"4px solid red"});
  setTimeout(function() { $aSelectedEl.removeAttr("style"); },1000);
}

DUMMY HTML :

<form>
<input type="text" name="testtextortexttest" value="Whatever you write, sir."/>
<input type="text" name="moretesttextormoretexttest" value="Whatever you write, again, sir."/>

<input type="submit" name="test1" value="Action 1"/>
<input type="submit" name="test2" value="Action 2"/>
<input type="submit" name="test3" value="Action 3"/>
<input type="submit" name="test4" value="Action 4"/>
<input type="submit" name="test5" value="Action 5"/>
</form>

DUMB CSS :

input {display:block}
— 프란체스코
소스
0

나는 나를 돕는이 기능을 작성 

var PupulateFormData= function (elem) {
var arr = {};
$(elem).find("input[name],select[name],button[name]:focus,input[type='submit']:focus").each(function () {
    arr[$(this).attr("name")] = $(this).val();
});
return arr;
};

그런 다음 사용

var data= PupulateFormData($("form"));
— 바비 비
소스
-1

다음 과 같이 window.event.srcElement.id 를 사용하려고합니다 .

function clickTheButton() {

var Sender = window.event.srcElement;
alert("the item clicked was " + Sender.id)

}

다음과 같은 버튼이 있습니다.

<input type="button" id="myButton" onclick="clickTheButton();" value="Click Me"/>

"클릭 한 항목은 myButton입니다."라는 경고가 표시됩니다.

개선 된 예제에서 window.event.srcElement를 process_form_submission에 추가 할 수 있으며 프로세스를 호출 한 요소에 대한 참조가 있습니다.

— 코스 칼리스
소스
1
요소에 onclick을 사용하지 않는, 그것은되지 않습니다
— 르지 시강
1
제출 버튼에는 작동하지 않는 것 같습니다. window.event.srcElement는 양식의 id를 반환합니다.
— 333Mhz 3
@KrzysztofCygan 그 소스가 있습니까?
— vard
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.