javascript - JQuery serializeArray 不包含没有选定选项的选择

Question

我使用 serializeArray() 方法将 HTML 表单获取为 JS 对象。当表单具有带有“多个”选项的选择控件但未选择任何选项时，对象不会序列化。

这是一个示例:https://fiddle.jshell.net/tfzxmr9d/1/

当它有一个或多个值时，它就可以正常工作。它应该返回一个具有控件名称和空值或 null 值的对象。它是否按预期工作？

Answer 1

您似乎忘记了 $(function(){}); 就绪语法。你的代码可能看起来像这样。因为在你的情况下 jQuery 可能还没有准备好。

$(function(){

   function showValues() {
    var fields = $( ":input" ).serializeArray();
    $( "#results" ).empty();
    jQuery.each( fields, function( i, field ) {
      $( "#results" ).append( field.name + ": " + field.value + "<br>" );
    });
  }

  $( ":checkbox, :radio" ).click( showValues );
  $( "select" ).change( showValues );
  showValues();
});