PILIH HTML kosong tanpa item kosong di daftar dropdown

Bagaimana mengimplementasikan Subj?

ketika saya menulis:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

maka item yang dipilih default adalah "aaaa"

ketika saya menulis:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

maka item yang dipilih default kosong, tapi item kosong ini muncul di drop down.

bagaimana saya dapat menerapkan tag SELECT dengan nilai kosong default yang tersembunyi di daftar drop-down?

Cukup gunakan atribut yang dinonaktifkan dan / atau tersembunyi:

<option selected disabled hidden style='display: none' value=''></option>

• selected menjadikan opsi ini sebagai opsi default.
• disabled membuat opsi ini tidak dapat diklik.
• style='display: none'membuat opsi ini tidak ditampilkan di browser lama. Lihat: Dapatkah Saya Menggunakan dokumentasi untuk atribut tersembunyi.
• hidden membuat opsi ini tidak ditampilkan di daftar drop-down.

Anda dapat mengatur selectedIndexke -1menggunakan .prop: http://jsfiddle.net/R9auG/ .

Untuk versi jQuery yang lebih tua menggunakan .attrbukan .prop: http://jsfiddle.net/R9auG/71/ .

Cukup menggunakan

<option value="" selected disabled>Please select an option...</option>

akan berfungsi di mana saja tanpa skrip dan memungkinkan Anda untuk menginstruksikan pengguna pada saat yang sama.

<select>
     <option value="" style="display:none;"></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>

Berikut ini cara sederhana untuk melakukannya menggunakan JavaScript biasa. Ini adalah padanan vanilla dari skrip jQuery yang diposting oleh pimvdb. Anda bisa mengujinya di sini .

<script type='text/javascript'>
  window.onload = function(){
    document.getElementById('id_here').selectedIndex = -1;
  }
</script>

.

<select id="id_here">
  <option>aaaa</option>
  <option>bbbb</option>
</select>

Pastikan "id_here" cocok di formulir dan di JavaScript.

Tidak boleh. Mereka tidak bekerja seperti itu. Menu tarik-turun harus memiliki salah satu opsinya yang dipilih setiap saat.

Anda dapat (meskipun saya tidak merekomendasikannya) menonton acara perubahan dan kemudian menggunakan JS untuk menghapus opsi pertama jika kosong.

Untuk html @isherwood murni memiliki solusi yang bagus. Untuk jQuery, berikan ID pada drop-down pilihan Anda lalu pilih dengan jQuery:

<form>
  <select id="myDropDown">
    <option value="0">aaaa</option>
    <option value="1">bbbb</option>
  </select>
</form> 

Kemudian gunakan jQuery ini untuk menghapus drop-down pada pemuatan halaman:

$(document).ready(function() {
    $('#myDropDown').val(''); 
});

Atau letakkan di dalam fungsi dengan sendirinya:

$('#myDropDown').val(''); 

menyelesaikan apa yang Anda cari dan mudah untuk menempatkan ini dalam fungsi yang mungkin dipanggil di halaman Anda jika Anda perlu mengosongkan drop-down tanpa memuat ulang halaman.

Anda dapat mencoba potongan ini

$("#your-id")[0].selectedIndex = -1

Itu berhasil untuk saya.