2009-03-30 14 views
12

Wie kann ich (wenn möglich) mithilfe der Prototype-Bibliothek alle ausgewählten Elemente auf einer Seite durchlaufen und auf das Element zugreifen? In der Dokumentation habe ich leicht Verknüpfungen zum Verweisen auf Elemente mit bestimmten IDs, Klassennamen usw. gefunden, aber keine Referenz für Elemente mit bestimmten Tag-Namen.Durch alle Select-Elemente mit JavaScript durchlaufen Prototypbibliothek

Wenn dies mit Prototype nicht möglich ist, wäre ein Beispiel mit JQuery oder einer anderen JS-Bibliothek wünschenswert.

Antwort

22

Schauen Sie sich das erste Beispiel in this page:

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

Wesentlichen die $$ Funktion erwartet einen CSS-Selektor und einen Tag-Namen ein absolut gültige Selektor ist.

+8

Sie können auf die Elemente verweisen, die Sie iterieren, indem Sie der Funktion einen Parameter hinzufügen: each (function (item)) { item.doSomething() ... – Nacho

4

Ein jQuery Beispiel für Vielfalt:

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

, dass alle select s auf der Seite durchlaufen wird, und alarmieren Sie den Text und Wert der ausgewählten option auf jeden select.