русский עברית

Tools

Linear Gradients Custom Menu Hosting

String Number Boolean Object Options Array Map Function Callback Selector Event Element jQuery MIME XMLHttpRequest Deferred jqXHR Promise

offset()position()scrollTop()scrollLeft()

Height and Width

height()width()innerHeight()innerWidth()outerHeight()outerWidth()

Ajax Event Objects

event.preventDefault()event.stopPropagation()event.target event.type event.pageX event.pageY event.data event.which event.relatedTarget event.timeStamp event.currentTarget event.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.result event.stopImmediatePropagation()event.namespace

Plugin Authoring

jQuery.pushStack()jQuery.error

Version 1.6 Version 1.5.1 Version 1.5 Version 1.4.4 Version 1.4.3 Version 1.4.2 Version 1.4.1 Version 1.4 Version 1.3 Version 1.2.6 Version 1.2.3 Version 1.2 Version 1.1.4 Version 1.1.3 Version 1.1.2 Version 1.1 Version 1.0.4 Version 1.0

jQuery Examples

jQuery Examples Navigation

Deferred Object

deferred.done()deferred.fail()deferred.isRejected()deferred.isResolved()deferred.promise()deferred.reject()deferred.rejectWith()deferred.resolve()deferred.resolveWith()deferred.then()deferred.always()deferred.pipe()promise()

Browsers

Browser Information Browser Statistics OS Platform Statistics Browser Display Statistics Browser Explorer Browser Netscape Project Mozilla Browser Firefox Browser Opera Browser Chrome Browser Safari Mobile Browser

Did you find an error in the text?

Select this with mouse and press

Ctrl + Enter

Xhtml.co.il Check Spelling

jQuery Basic

jQuery jQuery Introduction History of jQuery Philosophy of jQuery Function jQuery $jQuery Methods $(document).ready()FAQ

jQuery Attributes

attr()removeAttr()

addClass()hasClass()removeClass()toggleClass()

prop()removeProp()

show()hide()toggle()

slideDown()slideUp()slideToggle()

fadeIn()fadeOut()fadeTo()fadeToggle()

animate()stop()delay()

jQuery.fx.off jQuery.fx.interval

:selected

selected selector

Description: Selects all elements that are selected.

jQuery(':selected')

version added: 1.0

The :selected selector works for <option> elements. It does not work for checkboxes or radio inputs; use :checked for them.

Examples

Attaches a change event to the select that gets the text for each selected option and writes them in the div. It then triggers the event for the initial text draw.

    $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .trigger('change');

The output of the code above will be:

Try it yourself

Full source:

<!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>

Try it yourself

Was this information helpful?

Yes No

Comments