Izbirnik selected

Izbirnik :selected izbere elemente, ki so izbrani, to so tisti, ki imajo atribut selected. Izbirnik :selected deluje za elemente z oznako option. Ne deluje s potrditvenimi polji (checkbox) ali radijskimi gumbi (radio), za njih uporabite izbirnik checked. Ker :selected ne spada v CSS specifikacijo, je za boljšo zmogljivost v sodobnih brskalnikih bolje najprej filtrirati elemente z uporabo čistega css-izbirnika, nato pa uporabiti .filter(':selected').

Sintaksa

Tako izberemo elemente z atributom selected:

javascript$(':selected');

Primer

Ob vsaki izbiri elementa v spustnem seznamu, ga prikažimo pod seznamom z zeleno barvo. Kot lahko vidite, bodo pred vašim prvim klikom prikazani elementi, izbrani privzeto, to sta 'bbb' in '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');

Glejte tudi