селектор selected
Описание: Соответствует всем выбранным элементам.
jQuery(':selected')
Добавлена в версию: 1.0
Селектор :selected работает на элементы <option>. Он не работает для флажков и радио переключателей; используйте для них :checked.
Примеры
При нажатии ЛКМ на элементе списка появляется его значение в элементе div ниже.Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("select").change(function () { var str = ""; $("select option:selected").each(function () { str += $(this).text() + " "; }); $("div").text(str); }) .trigger('change'); }); </script> <style> div { color:red; } </style> </head> <body> <select name="garden" multiple="multiple"> <option>Flowers</option> <option selected="selected">Shrubs</option> <option>Trees</option> <option selected="selected">Bushes</option> <option>Grass</option> <option>Dirt</option> </select> <div></div> </body> </html>
Была ли эта информация полезной?
