Selektor selected

Selektor :selected odabira elemente, koji su izabrani, odnosno one koji imaju atribut selected. Selektor :selected radi za elemente sa tagom option. On ne radi sa čekboksovima (checkbox) ili radio prekidačima (radio), za njih koristite selektor checked. Pošto :selected ne pripada CSS specifikaciji, zbog poboljšanja performansi u modernim pregledačima je bolje prvo filtrirati elemente koristeći čisti css-selektor, a zatim primeniti .filter(':selected').

Sintaksa

Tako mi odabiremo elemente sa atributom selected:

javascript$(':selected');

Primer

Hajde da, pri svakom izboru stavke u padajućem spisku, prikažemo je ispod spiska zelenom bojom. Kao što vidite pre vašeg prvog klika biće prikazane stavke, izabrane podrazumevano, to su 'bbb' i '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');

Vidi takođe