<option>

<select>
  <option value="someOption">Sebuah opsi</option>
  <option value="otherOption">Opsi lain</option>
</select>

• Referensi
  • <option>
• Penggunaan
  • Menampilkan kotak select dengan opsi

Referensi

<option>

Komponen <option> bawaan peramban memungkinkan Anda untuk me-render opsi di dalam kotak <select>.

<select>
  <option value="someOption">Sebuah opsi</option>
  <option value="otherOption">Opsi lain</option>
</select>

Lihat contoh lebih banyak di bawah ini.

Props

<option> mendukung semua props elemen umum.

Sebagai tambahan, <option> mendukung props berikut:

• disabled: Sebuah boolean. Jika true, opsi akan tidak dapat dipilih dan akan tampak redup.
• label: Sebuah string. Menentukan arti dari opsi. Jika tidak ditentukan, teks di dalam opsi akan digunakan.
• value: Nilai yang akan digunakan ketika mengirimkan induk <select> dalam form jika opsi ini dipilih.

Caveats

• React tidak mendukung atribut selected dalam <option>. Sebagai gantinya, oper value dari opsi ke elemen induk <select defaultValue> untuk sebuah uncontrolled select box, atau <select value> untuk controlled select.

Penggunaan

Menampilkan kotak select dengan opsi

Render sebuah <select> dengan daftar komponen <option> di dalamnya untuk menampilkan sebuah kotak pilihan. Beri setiap <option> sebuah value yang merepresentasikan data yang akan dikirim dengan formulir.

Baca lebih lanjut mengenai menampilkan <select> dengan daftar dari komponen <option>.