使用JavaScript原型库遍历所有select元素
我如何(如果可能的话)使用原型库在页面上的所有select元素之间循环并访问该元素?在文档中,我很容易找到引用具有特定ID、类名等元素的快捷方式,但没有引用具有特定标记名的元素使用JavaScript原型库遍历所有select元素,javascript,loops,prototypejs,html-select,Javascript,Loops,Prototypejs,Html Select,我如何(如果可能的话)使用原型库在页面上的所有select元素之间循环并访问该元素?在文档中,我很容易找到引用具有特定ID、类名等元素的快捷方式,但没有引用具有特定标记名的元素 如果Prototype无法做到这一点,请提供JQuery或其他JS库的示例。查看第一个示例: 本质上,$函数需要一个CSS选择器,标记名是一个完全有效的选择器。一个jQuery示例,例如: $('select').each(function() { var selectedOption = $(this).fin
如果Prototype无法做到这一点,请提供JQuery或其他JS库的示例。查看第一个示例:
本质上,
$
函数需要一个CSS选择器,标记名是一个完全有效的选择器。一个jQuery示例,例如:
$('select').each(function() {
var selectedOption = $(this).find('option:selected');
alert('Value: ' + selectedOption.val() + ' Text: ' + selectedOption.text());
});
这将迭代页面中的所有
select
s,并在每个select
上警告所选选项的文本和值 通过向函数添加参数,可以引用迭代的项:each(function(item){item.doSomething()。。。
$('select').each(function() {
var selectedOption = $(this).find('option:selected');
alert('Value: ' + selectedOption.val() + ' Text: ' + selectedOption.text());
});