javascript - 仅从具有多个属性的 HTML 选择中获取新添加和删除的选项？

Question

我的问题看起来很简单，但我无法弄清楚。

<强> Fiddle Demo

HTML:

<select multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

jQuery:

var choiceArr = [];
$('select').change(function () {
    var text = $(this).find('option:selected').text();
    choiceArr.push(text);
    console.log(choiceArr);
});

所以目前，如果我选择沃尔沃和萨博，结果将是:

["Volvo", "VolvoSaab"]

我的预期结果是:

["Volvo", "Saab"]

当我从选择中删除 Saab 时，结果将是:

["Volvo", "VolvoSaab", "Volvo"] 

我的预期结果是:

["Volvo"]

那么我该如何实现呢？

Answer 1

<强> Demo

尝试

var choiceArr = [];
$('select').change(function () {

    choiceArr = $(this).find('option:selected').map(function () {
        return $(this).text();
    }).get();

    alert(choiceArr);
});