선택 상자 안에 두 개의 옵션을 나란히 표시합니다.

나는 목록에서 서로 옆에 두 개의 옵션이있는 선택 상자를 표시하려고했습니다. 그것은 어렵다는 것을 증명하고 있으며이 기능을 제공하는 라이브러리를 찾지 못하는 것 같습니다. 예를 들면 : 당신은 here 작업이의 예를 볼 수 있습니다

선택 상자 안에 두 개의 옵션을 나란히 표시합니다.

<select> 

<option x><option y> 
<option x><option y> 
<option x><option y> 
<option x><option y> 
<option x><option y> 

</select>

(미안 해요은 분명히 내가 그것을 작동되지 수 jsfiddle을 질수!)가 함께 "오른쪽 눈 PWR :"드롭 다운을 명부.

스타일별로 내용을 기반으로 옵션을 이동하려고했습니다. 즉, 왼쪽으로 50 %의 너비로 떠 다니고 오른쪽으로 떠 다니려고했지만 그다지 운이 좋지는 않습니다. (특히 브라우저 에서처럼 그것을하는 훌륭한 방법). 이 문제를 해결할 수있는 가장 좋은 방법에 대한 제안은 대단히 감사하겠습니다. 미리 감사드립니다.

출처

2014-12-12 Richard Cripps

내가 아는 한 이것이 가능하지 않습니다. 미안합니다. 대안으로 두 개의 서로 다른 선택 옵션을 나란히 놓고 필요할 경우 선택한 값을 비교할 수 있습니다. 그런데 왜 이걸하고 싶니? 당신이 찾고있는이 솔루션의 뿌리에는 또 다른 문제가있을 수 있습니다. 문제는 쉽게 해결할 수 있습니다. – ohyeah

그런 식으로 표시하려면 자바 스크립트를 사용해야합니다. 기본 html로는 불가능합니다. –

그래, 난 일종의 jquery 라이브러리를 사용하여 필요에 따라 작동하도록 구성하려고 생각했다. 그냥 하나를 찾을 수 없습니다! 계속 볼거야! 헤드 업 친구들을위한 건배 –

이렇게하려면 this jquery 라이브러리를 다운로드 할 수 있어야합니다. 드롭 다운 메뉴를 열별로 정렬 할 수 있습니다. 귀하의 사이트에이에 추가함으로써이 후

<script type="text/javascript"> 

        $(document).ready(function() { 
         $('#selector').gentleSelect(); // apply gentleSelect with default options 
        }); 

    </script>

가 추가 된, 자신의 추가 정보를 사용을 통해 당신은 당신의 선택 상자에 표시 할 컬럼의 일정 금액을 선택할 수 있습니다.

사용자 정의 코드를 추가하여 기능을 변경할 수 있습니다 (제 질문과 같이 양수와 음수를 나란히 표시).

You can see a Js Bin here

출처

2014-12-12 14:26:31

선택 상자 안에 두 개의 옵션을 나란히 표시합니다.

답변

관련 문제