<WYBIERZ wiele> - jak zezwolić na wybranie tylko jednej pozycji?

Mam <SELECT multiple>pole z wieloma opcjami i chcę, aby w tym samym czasie była wybrana tylko jedna opcja, ale użytkownik może przytrzymać klawisz CTRL i wybrać więcej elementów jednocześnie.

Czy jest jakiś sposób, jak to zrobić? (Nie chcę usuwać „wielu”).

Po prostu nie wybieraj wielokrotności, ale ustaw jej rozmiar, na przykład:

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

Przykład roboczy: https://jsfiddle.net/q2vo8nge/

Jeśli użytkownik powinien wybrać tylko jedną opcję naraz, po prostu usuń „wiele” - dokonaj normalnego wyboru:

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

Skrzypce

Dlaczego nie chcesz usunąć multiple atrybutu? Celem tego atrybutu jest wskazanie przeglądarce, że można wybrać wiele wartości z danego selectelementu. Jeśli należy wybrać tylko jedną wartość, usuń atrybut, a przeglądarka będzie wiedziała, że ​​zezwala tylko na jeden wybór.

Użyj narzędzi, które masz, do tego służą.

Domyślnie potrzebujesz tylko jednej opcji, ale użytkownik może wybrać wiele opcji, naciskając klawisz CTRL. Dokładnie tak (już) ma zachowywać się wielokrotność SELECT.

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

Czy możesz wyjaśnić swoje pytanie?

Przychodzę tutaj po przeszukaniu google i zmienię coś na moim końcu.

Po prostu zmieniam ten przykład i będzie on działał z jQuery w czasie wykonywania.

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

To proste rozwiązanie pozwala uzyskać wizualną listę opcji, ale można wybrać tylko jedną.

Miałem kilka problemów z select \ multi-select, to właśnie mi pomogło

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

Spóźniona odpowiedź, ale może pomóc komuś innemu, oto jak to zrobić bez usuwania atrybutu „wiele”.

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