სელექტორი selected

სელექტორი :selected ირჩევს ელემენტებს, რომლებიც არჩეულია, ანუ those, რომლებსაც აქვთ ატრიბუტი selected. სელექტორი :selected მუშაობს ელემენტებისთვის ტეგით option. ის არ მუშაობს ჩექბოქსებთან (checkbox) ან რადიო ღილაკებთან (radio), მათთვის გამოიყენეთ სელექტორი checked. რადგან :selected არ ეკუთვნის CSS სპეციფიკაციას, მოდერნულ ბრაუზერებში სიჩქარის გასაზრდელად უკეთესია თავიდანვე გაფილტროთ ელემენტები სუფთა css-სელექტორის გამოყენებით, და შემდეგ გამოვიყენოთ .filter(':selected').

სინტაქსი

ასე ვირჩევთ ელემენტებს ატრიბუტით selected:

javascript$(':selected');

მაგალითი

მოდით, ყოველ არჩევანზე ჩამოსაშლელ სიაში, ვაჩვენოთ ის სიის ქვემოთ მწვანე ფერში. როგორც ხედავთ თქვენს პირველ დაწკაპუნებამდე გამოჩნდება ელემენტები, რომლებიც არჩეულია ნაგულისხმევად, ეს არის 'bbb' და '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');

იხილეთ აგრეთვე