Valija selected

Valija :selected valib elemendid, mis on valitud, ehk need, millel on atribuut selected. Valija :selected töötab elementidega, millel on silt option. See ei tööta märkeruutudega (checkbox) või raadio lülititega (radio), nende jaoks kasutage valijat checked. Kuna :selected ei kuulu CSS spetsifikatsiooni, siis tõhususe parandamiseks kaasaegsetes brauserites on parem kõigepealt filtreerida elemente kasutades puhta CSS valijat, ja seejärel rakendada .filter(':selected').

Süntaks

Nii valime elemendid atribuudiga selected:

javascript$(':selected');

Näide

Kuvame iga kord, kui rippmenüüst valitakse punkt, selle punkti menüü all rohelise värviga. Nagu näete, enne teie esimest klõpsu kuvatakse vaikimisi valitud punktid, need on 'bbb' ja 'ddd':

html<select name="texts" multiple="multiple">
  <option>aaa</option>
  <option selected="selected">bbb</option>
  <option>ccc</option>
  <option selected="selected">ddd</option>
  <option>eee</option>
  <option>fff</option>
</select>
<div></div>

cssdiv {
  color: green;
}

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

Vaata ka