jQuery Mobile‎ > ‎입력 폼‎ > ‎

선택 옵션


선택 옵션이 버튼처럼 표시되고, 누르면 드롭다운 목록이 나타난다.

기본적으로는 시스템에서 지원되는 드롭다운 목록으로 나타나지만, <select>data-native-menu="false"를 지정하면 선택 옵션에 스타일이 지정되어 나타난다.

여러 선택 옵션들을 묶으려면 <fieldset>으로 감싼 후에 data-role="controlgroup"를 사용하고, 가로로 표시하려면 data-type="horizontal"을 지정하면 된다.

선택 불가 항목은 disable 속성을 지정해서 표시하고, 다중 선택은 multiple 속성을 지정한다는 것은 HTML 문법과 같다. <select><optgroup>가 포함된 때에는 분리되어 표시된다.

<div data-role="fieldcontain">
<label for="select-choice-1" class="select">
정답을 고르시오:</label>
<select name="select-choice-1" id="select-choice-1">
<option value="option-1">
나는 바보다</option>
<option value="option-2">
너는 바보다</option>
<option value="option-3">
우리 모두 바보다</option>
<option value="option-4">
저 놈만 바보다</option>
</select>
</div>