Kichaguzi selected

Kichaguzi :selected huchagua vipengee, ambavyo vimechaguliwa, yaani vile ambavyo vina sifa ya selected. Kichaguzi :selected hufanya kazi kwa vipengee vilivyo na kitambulishi option. Haifanyi kazi na vibonyezo vya uteuzi (checkbox) au vibadilishaji vya redio (radio), kwa hivyo, tumia kichaguzi checked. Kwa kuwa :selected haihusiani na uainishaji wa CSS, ili kuboresha utendaji katika vivinjari vya kisasa ni bora kwanza kuchuja vipengee kwa kutumia kichaguzi safi cha css, na kisha kutumia .filter(':selected').

Sarufi

Hivi ndivyo tunavyochagua vipengee vilivyo na sifa selected:

javascript$(':selected');

Mfano

Wacha, kila wakati kipengee kinapochaguliwa kwenye orodha ya kushuka chini, tuonyeshe chini ya orodha kwa rangi ya kijani. Kama unavyoona kabla ya kubofya kwanza vipengee vilivyochaguliwa kwa chaguomsingi vitaonyeshwa, hivi ni 'bbb' na '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');

Angalia pia