<SELECT multiple>
여러 옵션 이있는 필드가 있고 동시에 하나의 옵션 만 선택하도록 허용하고 싶지만 사용자는 CTRL 키를 누르고 한 번에 더 많은 항목을 선택할 수 있습니다.
그것을하는 방법이 있습니까? ( 'multiple'을 제거하고 싶지 않습니다).
multiple
실제로 다수를 선택할 수없이 속성). 이 작업을 수행하는 속성이라는 사실을 잊었 size
으므로 최고의 답변이 저 에게 도움이되었습니다.)
<SELECT multiple>
여러 옵션 이있는 필드가 있고 동시에 하나의 옵션 만 선택하도록 허용하고 싶지만 사용자는 CTRL 키를 누르고 한 번에 더 많은 항목을 선택할 수 있습니다.
그것을하는 방법이 있습니까? ( 'multiple'을 제거하고 싶지 않습니다).
multiple
실제로 다수를 선택할 수없이 속성). 이 작업을 수행하는 속성이라는 사실을 잊었 size
으므로 최고의 답변이 저 에게 도움이되었습니다.)
답변:
여러 개를 선택하지 말고 크기를 다음과 같이 설정하십시오.
<select name="user" id="userID" size="3">
<option>John</option>
<option>Paul</option>
<option>Ringo</option>
<option>George</option>
</select>
select
돌며 display: flex
용기, 그리고 할 flex-grow: 1
(가)에 select
치료에 원인이됩니다 size="3"
최소 높이로, 다음 컨테이너 내에서 가능한 최대 크기로 전체 선택의 높이를 웁니다. jsfiddle.net/z1gypahs
왜 multiple
속성 을 제거하고 싶지 않습니까? 해당 속성의 전체 목적은 주어진 select
요소 에서 여러 값을 선택할 수 있도록 브라우저에 지정하는 것 입니다. 단일 값만 선택해야하는 경우 속성을 제거하면 브라우저는 단일 선택 만 허용 함을 알게됩니다.
가지고있는 도구를 사용하십시오. 바로 그 도구입니다.
기본적으로 하나의 옵션 만 원하지만 CTRL 키를 눌러 여러 옵션을 선택할 수 있습니다. 이것은 (복수의) SELECT 배수가 정확히 어떻게 동작 하는가입니다.
참조 : http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple
질문을 명확하게 설명해 주시겠습니까?
Google 검색 후 여기에오고 내 엔드에서 물건을 변경합니다.
따라서이 샘플을 변경하면 런타임에 jquery와 함께 작동합니다.
$('select[name*="homepage_select"]').removeAttr('multiple')
<select name="flowers" size="5" style="height:200px">
<option value="1">Rose</option>
<option value="2">Tulip</option>
</select>
이 간단한 솔루션을 사용하면 시각적으로 옵션 목록을 얻을 수 있지만 하나만 선택할 수 있습니다.
늦게 대답했지만 다른 사람을 도울 수 있습니다. 여러 개의 속성을 제거하지 않고 어떻게 할 수 있습니까?
$('.myDropdown').chosen({
//Here you can change the value of the maximum allowed options
max_selected_options: 1
});