[jquery] $ .serialize ()가 비활성화 된 입력 요소를 어떻게 고려합니까?

기본적으로 비활성화 된 입력 요소는에 의해 무시되는 것 같습니다 $.serialize(). 해결 방법이 있습니까?

답변

일시적으로 활성화하십시오.

var myform = $('#myform');

 // Find disabled inputs, and remove the "disabled" attribute
var disabled = myform.find(':input:disabled').removeAttr('disabled');

 // serialize the form
var serialized = myform.serialize();

 // re-disabled the set of inputs that you previously enabled
disabled.attr('disabled','disabled');

답변

비활성화 된 입력 대신 읽기 전용 입력을 사용하십시오.

<input name='hello_world' type='text' value='hello world' readonly />

이것은 serialize ()에 의해 선택되어야합니다.

답변

프록시 함수를 사용할 수 있습니다 ( $.serializeArray()및 모두에 영향을 미침 $.serialize()).

(function($){
    var proxy = $.fn.serializeArray;
    $.fn.serializeArray = function(){
        var inputs = this.find(':disabled');
        inputs.prop('disabled', false);
        var serialized = proxy.apply( this, arguments );
        inputs.prop('disabled', true);
        return serialized;
    };
})(jQuery);

답변

@ user113716이 핵심 답변을 제공했습니다. 여기에 내 기여는 함수를 추가하여 jQuery를 멋지게 만드는 것입니다.

/**
 * Alternative method to serialize a form with disabled inputs
 */
$.fn.serializeIncludeDisabled = function () {
    let disabled = this.find(":input:disabled").removeAttr("disabled");
    let serialized = this.serialize();
    disabled.attr("disabled", "disabled");
    return serialized;
};

사용법 예 :

$("form").serializeIncludeDisabled();

답변

이 시도:

<input type="checkbox" name="_key" value="value"  disabled="" />
<input type="hidden" name="key" value="value"/>

답변

몇 가지 해결 방법을 볼 수 있지만 여전히 직렬화 함수 작성을 제안한 사람은 없습니까? 여기 당신이 간다 : https://jsfiddle.net/Lnag9kbc/

var data = [];

// here, we will find all inputs (including textareas, selects etc)
// to find just disabled, add ":disabled" to find()
$("#myform").find(':input').each(function(){
    var name = $(this).attr('name');
    var val = $(this).val();
    //is name defined?
    if(typeof name !== typeof undefined && name !== false && typeof val !== typeof undefined)
    {
        //checkboxes needs to be checked:
        if( !$(this).is("input[type=checkbox]") || $(this).prop('checked'))
            data += (data==""?"":"&")+encodeURIComponent(name)+"="+encodeURIComponent(val);
    }
});

답변

‘disabled’는 W3C 표준에 따라 사용하지 않아야한다는 의미이므로 비활성화 된 입력 요소는 직렬화되지 않습니다. 일부 브라우저는 그렇지 않지만 jQuery는 표준을 준수합니다. 비활성화 된 필드와 동일한 값으로 숨겨진 필드를 추가하거나 jQuery를 통해 다음과 같이하면이 문제를 해결할 수 있습니다.

$('#myform').submit(function() {
  $(this).children('input[hiddeninputname]').val($(this).children('input:disabled').val());
  $.post($(this).attr('url'), $(this).serialize, null, 'html');
});

분명히 둘 이상의 비활성화 된 입력이있는 경우 일치하는 선택기 등을 반복해야합니다.