通过 getJSON 发送 :selected from multiple selectable select 的列表

Question

我在多重选择元素中有一个日期列表，我需要将所选日期列表发送到服务器进行处理。
jQuery 变得混乱，让我的内存和 CPU 使用率持续增加，我不明白，因为单独运行混乱部分就可以了。

HTML
<select id="my-dates" name="my-dates[]" multiple="multiple" size="5">
  <option>2011-01-18</option>
  <option>2011-01-20</option>
  <option>2011-01-21</option>
  <option>2011-01-27</option>
</select>

jQuery
$.getJSON('dates_handling.php',{
 dates: $('select#my-dates').find(':selected'),
 other:stuff
},function(result){
  // result handling
});
data key 'dates' should contain an transmit-able array like ['2011-01-20',2011-01-27']

jQuery haywire part
$('select#my-dates').find(':selected')

Answer 1

我会手动构建日期数组，因为您正在传递完整的 jQuery 对象：

var selectedDates = [];

$('select#my-dates > option:selected').each(function() {
    selectedDates.push($(this).html());
});

$.getJSON('dates_handling.php',{
 dates: selectedDates,
 other:stuff
},function(result){
  // result handling
});

Answer 2

您还可以使用：

$('#my-dates').val()

它返回选择为数组的值。