使用JavaScript Prototype库循环遍历所有选择元素

Question

我如何（如果可能）使用Prototype库遍历页面上的所有选择元素并访问该元素？在文档中，我发现了使用某些id，类名等引用元素的简单快捷方式，但没有对具有某些标记名称的元素的引用。

如果Prototype无法做到这一点，那么可以使用JQuery或其他JS库的示例。

Answer 1

查看第一个示例in this page：

$$('select').each(function() {
    //
});

基本上，$$函数需要CSS选择器，标签名称是完全有效的选择器。

Answer 2

jQuery示例，适用于各种：

$('select').each(function() {
    var selectedOption = $(this).find('option:selected');
    alert('Value: ' + selectedOption.val() + ' Text: ' + selectedOption.text());
});

这将迭代页面中的所有select，并提醒每个option上所选select的文字和值。