jQuery选择值作为列表

Question

我正在使用fullcalendar 在我的struts2 应用程序中构建一个日历。但是...我遇到了一些问题。我们构建了一个高级搜索，允许我们过滤日历事件服务器端并返回结果列表。除了带有多个的选择之外，我能够让大多数东西正常工作，我认为这是因为我使用的 jquery 错误。

我的ajaxLocationCalendar.action 期望看到位置列表，而不是包含多个位置的字符串。

在我的代码中，我有一个 <select id="locationsSelect" multiple="multiple">，它有几个选项。

我的全日历设置如下所示：

events: {
  url: 'ajaxLocationCalendar.action',
  data: {
    'scheduleableCriteria.approvalStatus': function() {
      return $('#approvalStatusSelect').val();
    },
    'scheduleableCriteria.locations': function() {
      return $('#locationsSelect').val();
    }
  }
}

#approvalStatusSelect 完美运行，因为有 4 个有效选项并且它是单选。但是我遇到了#locationSelect 的问题。

如果我什么都不选择，我最终会发送"null"，这与任何内容都不匹配。如果我只选择一个选项，我会得到一个有效的结果，因为它被正确包装了。如果我尝试发送两个选定的内容，我最终会发送 "Apartment,Building+3" 之类的内容。

除了.val() 之外，还有其他功能可以让我发送列表而不是我现在收到的吗？

任何帮助表示赞赏，如果您需要澄清，请将其放在 cmets 中，我会尝试澄清更多。

Answer 1

'scheduleableCriteria.locations': function() {
      return $('#locationsSelect').val();
    }

这只会返回一个字符串 - 以逗号分隔的列表显示多个值。所以在行动中，它们实际上最终是一个单一的字符串。

将所有要提交的字段放在一个表单标签中，然后使用如下序列化

var submit_data = $('form').serialize();

然后您的代码将更改为：

events: {
  url: 'ajaxLocationCalendar.action',
  data: submit_data        
}

这样多选将作为数组而不是字符串提交。

解决方案 2：

创建一个自定义函数，解析选择并返回一个包含所有选定值的数组

Complete Solution Here

Answer 2

以下内容最终使用以下内容，因为 .serialize() 和 .seralizeArray() 无法正常工作。

data: function() {
  var data = {};
  data['scheduleableCriteria.approvalStatus'] = $("#approvalStatusSelect").val();
  var locations = $("#locationsSelect").val();
  if (locations) {
    $.each(locations, function(i, location) {
      data['scheduleableCriteria.locations[' + i + ']'] = location;
    });
  }
  return data;
}