Çoklu seçim

<div class="trds-alan trds-coklu" data-trds="coklu-secim">
  <label class="trds-etiket" for="iller" id="iller-etiket">Hizmet verilen iller</label>
  <p class="trds-yardim" id="iller-yardim">Yazın ve listeden seçin. Birden çok il seçebilirsiniz.</p>
  <div class="trds-coklu__secilenler" aria-label="Seçilen iller" hidden></div>
  <input class="trds-girdi" id="iller" type="text" role="combobox" hidden aria-autocomplete="list" aria-expanded="false" aria-controls="iller-liste" aria-describedby="iller-yardim" autocomplete="off">
  <div class="trds-coklu__liste" id="iller-liste" role="listbox" aria-multiselectable="true" aria-label="İller" hidden>
    <div class="trds-coklu__oge" role="option" id="il-06" data-deger="06" aria-selected="true">Ankara</div><div class="trds-coklu__oge" role="option" id="il-34" data-deger="34" aria-selected="false">İstanbul</div><div class="trds-coklu__oge" role="option" id="il-35" data-deger="35" aria-selected="false">İzmir</div><div class="trds-coklu__oge" role="option" id="il-16" data-deger="16" aria-selected="false">Bursa</div><div class="trds-coklu__oge" role="option" id="il-07" data-deger="07" aria-selected="false">Antalya</div><div class="trds-coklu__oge" role="option" id="il-42" data-deger="42" aria-selected="false">Konya</div><div class="trds-coklu__oge" role="option" id="il-01" data-deger="01" aria-selected="false">Adana</div><div class="trds-coklu__oge" role="option" id="il-27" data-deger="27" aria-selected="false">Gaziantep</div>
  </div>
  <p class="trds-gorsel-gizli" data-trds-durum aria-live="polite"></p>
  <select class="trds-secim trds-coklu__yerel" id="iller-yerel" name="iller" multiple aria-labelledby="iller-etiket"><option value="06" selected>Ankara</option><option value="34">İstanbul</option><option value="35">İzmir</option><option value="16">Bursa</option><option value="07">Antalya</option><option value="42">Konya</option><option value="01">Adana</option><option value="27">Gaziantep</option></select>
</div>