Как сделать так, чтобы $ .serialize () учитывал те отключенные элементы: input?

Question

Кажется, по умолчанию отключенные элементы ввода игнорируются $.serialize().Есть ли обходной путь?

Answer 1

Временно включить их.

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');

Answer 2

Используйте входы только для чтения вместо отключенных входов:

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

Это должно быть получено с помощью serialize ().

Answer 3

Вы можете использовать функцию прокси (она влияет как на $.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);

Answer 4

@ 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();

Answer 5

Я вижу несколько обходных путей, но до сих пор никто не предложил написать свою собственную функцию сериализации?Вот, пожалуйста: 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);
    }
});

Answer 6

Попробуйте это:

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

Answer 7

Отключенные элементы ввода не сериализуются, потому что «отключен» означает, что они не должны использоваться, согласно стандарту W3C. jQuery просто соблюдает стандарт, хотя некоторые браузеры этого не делают. Вы можете обойти это, добавив скрытое поле со значением, идентичным отключенному полю, или сделав это через jQuery, что-то вроде этого:

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

Очевидно, что если бы у вас было более одного отключенного ввода, вам пришлось бы перебирать соответствующие селекторы и т. Д.

Answer 8

Если кто-то не хочет активировать их, а затем отключить их снова, вы также можете попытаться сделать это (я изменил его с Отключенные поля не были выбраны serializeArray от использования плагина к использованию обычной функции):

function getcomment(item)
{
  var data = $(item).serializeArray();
  $(':disabled[name]',item).each(function(){
    data.push({name: item.name,value: $(item).val()});
  });
  return data;
}

Таким образом, вы можете вызывать их так:

getcomment("#formsp .disabledfield");

Answer 9

Сразу Аарон Худон:

Возможно, у вас есть что-то еще, кроме Input (например, select), поэтому я изменил

this.find(":input:disabled")

на

this.find(":disabled")