Jquery 按选项标签分割

Question

我正在尝试从下拉列表中的选项中获取文本。假设以下下拉列表有数百个选项。

<select name="colors" id="colors">
    <option value="744">Green</option>
    <option value="933">Red</option>
    <option value="1838">Yellow</option>
    <option value="1839">Blue</option>
</select>

我想以数组格式输出所有选项的文本，我可以将其复制并粘贴到 php 中。示例：

'Green', 'Red', 'Yellow', 'Blue'

这就是我所拥有的

var optionText = $("option").text().split().join(", ");
$('.gettext').append(optionText);

，我不确定如何按 标签进行拆分并在每个选项项周围添加单引号。

http://jsfiddle.net/tp74c/

Answer 1

我建议在加入选项之前使用 map 将选项以不同的方式转换为数组：

var optionText = $('option').map(function() {
    return $(this).text();
}).get().join(', ');

您也可以通过这种方式添加引号，如下所示：

var optionText = $('option').map(function() {
    return "'" + $(this).text() + "'";
}).get().join(', ');

编辑：正如 alex 指出的那样，这不起作用，这很奇怪，因为我在某个地方测试过它。现在修好了。

Answer 2

现场演示： http://jsfiddle.net/gion_13/tp74c/1/

迭代每个选项并将其文本推入数组。