Looping through all select elements with JavaScript Prototype library

Question

How can I (if it is possible) use the Prototype library to loop through all select elements on a page and access the element? In the documentation I found easily shortcuts for referencing elements with certain ids, class names etc. but no reference for elements with certain tag names.

If this is not possible with Prototype, an example with JQuery or another JS Library would be appreciated.

Bryce Siedschlaw · Accepted Answer · 2016-06-15 19:56:13Z

22

Check out the first example in this page:

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

Essentially, the $$ function expects a CSS selector, and a tag name is a perfectly valid selector.

edited Jun 15, 2016 at 19:56

Bryce Siedschlaw

4,2461 gold badge26 silver badges36 bronze badges

answered Mar 30, 2009 at 14:56

Paolo Bergantino

490k83 gold badges524 silver badges437 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ignacio Over a year ago

You can reference the items which you iterate adding a parameter to the function: each(function(item) { item.doSomething()...

Paul Roub · Accepted Answer · 2016-04-15 14:39:03Z

4

A jQuery example, for variety:

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

That will iterate over all selects in the page, and alert the text and value of the selected option on each select.

edited Apr 15, 2016 at 14:39

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

answered Mar 30, 2009 at 15:05

karim79

343k67 gold badges420 silver badges409 bronze badges

Collectives™ on Stack Overflow

Looping through all select elements with JavaScript Prototype library

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related