<SELECT multiple> - bagaimana mengizinkan hanya satu item yang dipilih?

Saya memiliki <SELECT multiple>bidang dengan beberapa opsi dan saya ingin memperbolehkannya hanya memiliki satu opsi yang dipilih pada saat yang sama tetapi pengguna dapat menahan tombol CTRL dan memilih lebih banyak item sekaligus.

Apakah ada cara bagaimana melakukannya? (Saya tidak ingin menghapus 'banyak').

Hanya saja, jangan menjadikannya beberapa pilihan, tetapi atur ukurannya, seperti:

  <select name="user" id="userID" size="3">
    <option>John</option>
    <option>Paul</option>
    <option>Ringo</option>
    <option>George</option>
  </select>

Contoh kerja: https://jsfiddle.net/q2vo8nge/

Jika pengguna harus memilih hanya satu opsi sekaligus, hapus saja "beberapa" - buat pilihan normal:

  <select name="mySelect" size="3">
     <option>Foo</option>
     <option>Bar</option>
     <option>Foo Bar</option>
     <option>Bar Foo</option>
  </select>

Biola

Mengapa Anda tidak ingin menghapus multipleatributnya? Seluruh tujuan atribut itu adalah untuk menentukan ke browser bahwa beberapa nilai dapat dipilih dari selectelemen yang diberikan . Jika hanya satu nilai yang harus dipilih, hapus atribut dan browser akan tahu untuk mengizinkan hanya satu pilihan.

Gunakan alat yang Anda miliki, itulah gunanya.

Anda hanya menginginkan satu opsi secara default, tetapi pengguna dapat memilih beberapa opsi dengan menekan tombol CTRL. Ini (sudah) persis bagaimana kelipatan SELECT dimaksudkan untuk berperilaku.

Lihat ini: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

Bisakah Anda menjelaskan pertanyaan Anda?

Saya datang ke sini setelah mencari google dan mengubah sesuatu di my-end.

Jadi saya hanya mengubah sampel ini dan itu akan berfungsi dengan jquery saat run-time.

$('select[name*="homepage_select"]').removeAttr('multiple')

http://jsfiddle.net/ajayendra2707/ejkxgy1p/5/

<select name="flowers" size="5" style="height:200px">
 <option value="1">Rose</option>
 <option value="2">Tulip</option>
</select>

Solusi sederhana ini memungkinkan untuk memperoleh daftar opsi secara visual, tetapi untuk dapat memilih hanya satu.

Saya memiliki beberapa transaksi dengan select \ multi-select ini yang merupakan trik untuk saya

<select name="mySelect" multiple="multiple">
    <option>Foo</option>
    <option>Bar</option>
    <option>Foo Bar</option>
    <option>Bar Foo</option>
</select>

Terlambat untuk menjawab tetapi mungkin membantu orang lain, berikut adalah cara melakukannya tanpa menghapus atribut 'banyak'.

$('.myDropdown').chosen({
    //Here you can change the value of the maximum allowed options
    max_selected_options: 1
});