javascript - 从开发人员工具中的选择元素打印选项列表

Question

我试图在 Chrome(或 Firefox)的开发者工具控制台中从一个选择元素中提取值列表，但是我在其他地方看到的各种答案都已经有几年的历史了，但我遇到了麻烦而且似乎对我不起作用。

以下面为例:

<select id="states">
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option value="CA">California</option>
</select>

我在控制台上的选择器是:

$$('#states > option').values

Values 返回一个 ArrayIterator。但我不确定该怎么做。

我想返回的是每个选项的值和每个选项的文本。

Answer 1

不确定您想要数据的方式，可以将它们推送到数组或对象吗？下面是获取数组数组的示例，每个子数组包含 [val,text]:

var states = [];
$('#states option').each(function(){
    states.push([$(this).val(),$(this).text() ]);
});
console.log(states);

编辑:试试这个，不使用 jQuery，只会为您记录信息，但如果您愿意，可以将其推送到上面的空数组。

var states = $$('#states > option');
for (var i = 0; i < states.length; i++) {
    console.log(states[i].value, states[i].innerHTML);
}