HTML select elementi için varsayılan değer nasıl seçilir?

Bu soru 1 kez yanıtlandı.

• bill gates

  22 Haziran 2019 11:55

  34

  Hangi seçeneğin varsayılan olarak seçili olarak gelmesini istiyorsanız bu <option>'ı selected="selected"  olarak belirtmeniz yeterli.

  Sizin select örneğiniz üzerinden güncelleyerek göstereyim.

  <select name="sehirler" id="sehirler">
    <option>Ankara</option>
    <option selected="selected">İstanbul</option>
    <option>İzmir</option>
    <option>Adana</option>
    <option>Bursa</option>
  </select>

  Alternatif olarak selected anahtar kelimesi (boolean değer) de aynı işe yarar.

  <select name="sehirler" id="sehirler">
    <option>Ankara</option>
    <option selected>İstanbul</option>
    <option>İzmir</option>
    <option>Adana</option>
    <option>Bursa</option>
  </select>

  Varsayılan olarak seçili gelip de sonra seçilemeyecek şekilde kaybolan bir select uygulaması için de aşağıdaki kodu kullanabilirsiniz.

  <select>
    <option selected disabled hidden>Seçiniz</option>
    <option value="6">Ankara</option>
    <option value="34">İstanbul</option>
    <option value="35">İzmir</option>
    <option value="1">Adana</option>
    <option value="16">Bursa</option>
  </select>

  Bu örnekte başlangıçta "Seçiniz" seçeneği seçili olarak gelir ancak seçimden sonra "Seçiniz" seçeneğinin seçilememesi için kaybolur.