HTML <br /> 선택 상자 안에

Question

어쨌든 나는 선택 상자 안에 두 줄로 항목을 나눌 수 있는지 알고 싶습니다.

내 선택 상자의 값 중 하나는 내 div에 들어갈 길이 2입니다.

Answer 1

아니요, 불가능합니다.

this jQuery 플러그인과 같은 자바 스크립트 위젯을 사용할 수 있습니다.

당신이하려는 것은 드문 경우입니다. 데스크톱 응용 프로그램 사용자도 드랍 다운 상자에 줄 바꿈 텍스트를 찾을 것으로 기대하지 않으며 드롭 다운 상자가 보이면 혼란 스러울 수 있습니다. 다른 컨트롤을 사용하거나 텍스트를 제한하는 것이 좋습니다.

Answer 2

불가능하지만 요소가 너무 넓어지는 것을 피하려면 단순히 너비 (예 : <select style="width:100px;">)를 정의해야합니다. 이렇게하면 상자가 닫힐 때 텍스트가 잘 리게되지만 열 때마다 텍스트 전체가 표시됩니다.

Answer 3

내가 아는 한, 불가능합니다. 그러나 옵션에 대해서는 jQuer y를 보았습니다. 구체적으로, 선택 상자 사용자 정의가 가능한 플러그인은 jQuery입니다.

Select Box Factory 2.0이 하나의 옵션입니다. 필자는 선택 상자의 기능을 확장하여 다른 기능 중에서 텍스트를 줄 바꿈 할 수 있다고 생각합니다.

Answer 4

선택 상자에서 두 줄로 된 항목을 나눕니다.

왜 그렇게하고 싶습니까? JQuery 플러그인을 사용하여 옵션 태그 안에 HTML을 표시하는 경우 이미
태그를 추가 할 수 있으므로이 질문을 할 이유가 없다고 생각하지 않습니다.

선택 요소에 간격을두기 위해 수행 할 수있는 작업은 값과 이름이 비어있는 빈 옵션 태그를 만드는 것입니다. 그런 다음 공백 값 제출 여부를 탐지하기 위해 제출을 확인해야합니다. 당신이 필요로 정말 경우

Answer 5

당신은 간단한이 옵션이 빈

<option disabled selected value> </option>

Answer 6

에서 비활성화 추가 할 수 해키 솔루션은 두 줄의 텍스트 화면을 캡처하고 이미지를 사용하는 것입니다 귀하의 선택 상자.

http://www.jquerybyexample.net/2012/05/how-to-add-images-in-dropdown-list.html

그냥 접근성에 대한 이미지에 alt 태그를 설정해야합니다.