php - 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);

我不知道如何按</option>分割标签并在每个选项项周围添加单引号。

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(', ');

编辑:正如亚历克斯指出的那样，这不起作用，这很奇怪，因为我在某个地方测试了它。现已修复。