Saýlanan saýlawyjy

:selected saýlawyjy, saýlanan, ýagny selected atributy bolan elementleri saýlaýar. :selected saýlawyjy option tegine eýe bolan elementler üçin işleýär. Ol çekboksler (checkbox) ýa-da radio geçişleri (radio) bilen işlemeýär, olar üçin checked saýlawyjysyny ulanyň. :selected CSS spesifikasiýasyna degişli däl bolany üçin, häzirki brauzerlerde amalyny gowulandyrjak bolsaňyz, ilki bilen arassa css-saýlawjy ulanyp elementleri süzgüçden geçiriň, soň bolsa .filter(':selected') ulanyň.

Sintaksis

selected atributy bolan elementleri şeýle saýlaýarys:

javascript$(':selected');

Mysal

Gelň, açylýan sanawda her bir bölegi saýlanda, ony sanawyň aşagynda ýaşyl reňkde görkezeliň. Ilkinji basgyňyzdan öň, bellenen ýaly saýlanan bölekler görkeziler, olar 'bbb' we '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');

Şeýle-de garaň

  • filter metodu,
    topardaky elementleri bellenen saýlawjy boýunça süzýär
  • selected atributy
  • checked saýlawyjy,
    saýlanan, ýagny checked
    ýa-da selected atributy bolan elementleri saýlaýar
  • option
    we select teglari