<CHỌN nhiều> - làm thế nào để chỉ cho phép một mục được chọn?

Tôi có một <SELECT multiple>trường có nhiều tùy chọn và tôi muốn cho phép nó chỉ có một tùy chọn được chọn cùng một lúc nhưng người dùng có thể giữ phím CTRL và chọn nhiều mục cùng một lúc.

Có cách nào để làm điều đó? (Tôi không muốn xóa 'nhiều').

Chỉ cần không chọn nhiều lựa chọn, nhưng đặt kích thước cho nó, chẳng hạn như:

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

Ví dụ hoạt động: https://jsfiddle.net/q2vo8nge/

Nếu người dùng chỉ nên chọn một tùy chọn cùng một lúc, chỉ cần xóa "nhiều" - thực hiện chọn bình thường:

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

Vĩ cầm

Tại sao bạn không muốn xóa multiplethuộc tính? Toàn bộ mục đích của thuộc tính đó là chỉ định cho trình duyệt rằng nhiều giá trị có thể được chọn từ selectphần tử đã cho . Nếu chỉ chọn một giá trị duy nhất, hãy xóa thuộc tính và trình duyệt sẽ biết chỉ cho phép một lựa chọn duy nhất.

Sử dụng các công cụ bạn có, đó là những gì họ đang làm.

Bạn chỉ muốn một tùy chọn theo mặc định, nhưng người dùng có thể chọn nhiều tùy chọn bằng cách nhấn phím CTRL. Đây là (đã) chính xác làm thế nào nhiều CHỌN có nghĩa là hành xử.

Xem điều này: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multipl

Bạn có thể vui lòng làm rõ câu hỏi của bạn?

Tôi đến đây sau khi tìm kiếm google và thay đổi điều cuối cùng.

Vì vậy, tôi chỉ thay đổi mẫu này và nó sẽ hoạt động với jquery vào thời gian chạy.

$('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>

Giải pháp đơn giản này cho phép có được một danh sách các tùy chọn trực quan, nhưng chỉ có thể chọn một.

Tôi đã có một số giao dịch với select \ multi-select, đây là điều đã giúp tôi

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

Trả lời muộn nhưng có thể giúp người khác, đây là cách thực hiện mà không xóa thuộc tính 'nhiều'.

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