jquery - jQuery 将选定项和未选定项添加到数组

Question

我需要将表单中的所有选定项目附加到数组中，并在表单中的其他位置存储/使用它。我还需要抓取未选择的元素并将其放入数组中。

      <select multiple id="conditionBad" name="conditionBad">
        <option class="checker" value="Door">Door</option>
        <option class="checker" value="Light">Light</option>
        <option class="checker" value="Keypad">Keypad</option>
        <option class="checker" value="Cooking Cavity">Cooking Cavity</option>
        <option class="checker" value="Seal">Seal</option>
        <option class="checker" value="Power Cord">Power Cord</option>
        <option class="checker" value="Turn Table">Turn Table</option>
        <option class="checker" value="Grille">Grille</option>
      </select>

基本上，我需要一个 jQuery 调用，它可以获取所选项目的值并将它们分别放入一个数组中，甚至一个用逗号 (',') 分隔的字符串都可以。我不确定可以执行此操作的函数，并且我尝试通过 stackoverflow 寻找解决方案。任何帮助，将不胜感激。

Answer 1

您可以使用地图。

现场演示

var values = $('#conditionBad option').map(function(){
     return this.value;
}).get().join();

对于选定的

var values = $('#conditionBad option:selected').map(function(){
     return this.value;
}).get().join();

对于未选中

var values = $('#conditionBad option').map(function(){
     if(!$(this).is(':selected'))
        return this.value;
}).get().join();