Selektor selected

Selektor :selected vyberá prvky, ktoré sú vybrané, teda tie, ktoré majú atribút selected. Selektor :selected funguje pre prvky s tagom option. Nefunguje s zaškrtávacími políčkami (checkbox) alebo rádio prepínačmi (radio), pre tie použite selektor checked. Pretože :selected nepatrí do CSS špecifikácie, pre zlepšenie výkonu v moderných prehliadačoch je lepšie najprv filtrovať prvky s použitím čistého css selektora, a potom aplikovať .filter(':selected').

Syntax

Takto vyberáme prvky s atribútom selected:

javascript$(':selected');

Príklad

Pri každom výbere položky v rozbaľovacom zozname ju zobrazíme pod zoznamom zelenou farbou. Ako vidíte, pred vaším prvým kliknutím budú zobrazené položky vybrané predvolene, to sú 'bbb' a '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');

Pozri tiež