jQuery를 사용하여 양식 입력 필드를 얻는 방법

질문 : jQuery를 사용하여 양식 입력 필드를 얻습니까?

---

입력 필드가 많은 양식이 있습니다.

jQuery로 제출 양식 이벤트를 잡을 때 해당 양식의 모든 입력 필드를 연관 배열로 가져올 수 있습니까?

답변

---

$('#myForm').submit(function() {
    // get all the inputs into an array.
    var $inputs = $('#myForm :input');

    // not sure if you wanted this, but I thought I'd add it.
    // get an associative array of just the values.
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

});

serializeArray 사용하는 또 다른 방법이 있습니다.

var values = {};
$.each($('#myForm').serializeArray(), function(i, field) {
    values[field.name] = field.value;
});

이 스 니펫은 <select multiple> 요소에서 실패합니다.

새로운 HTML 5 양식 입력 은 jQuery 버전 1.3의 serializeArray 에서 작동하지 않는 것 같습니다. 이것은 버전 1.4 이상에서 작동합니다.

출처 : https://stackoverflow.com/questions/169506/obtain-form-input-fields-using-jquery