선택 상자를 클릭하면 옵션 드롭 다운 목록이 표시됩니다. 드롭 다운 목록은 사용자가 드롭 다운 목록에서 옵션을 클릭하거나 옵션을 선택할 때까지 열려 있습니다.html 선택 옵션 드롭 다운 메뉴가 기본적으로 열림으로 설정됩니다.
사용자가 페이지를 입력 할 때 드롭 다운 목록을 표시하는 간단한 방법이 있습니까? 자동 초점처럼 좋지만. 아마존이 메뉴를 자동으로 표시하는 것과 비슷합니다.
나는 아마도 ul 드롭 다운 목록 + javascript 등을 만들 수 있지만 html 또는 javascript를 사용하여 select를 수행하는 방법이 있는지 궁금합니다.
요소에 simulate a click을 쉽게 입력 할 수 있지만 <select>을 클릭해도 드롭 다운이 열리지 않습니다.
다중 선택을 사용하면 문제가 발생할 수 있습니다. 아마도 당신은 필요에 따라 확장하고 축소 할 수있는 컨테이너 요소 안에 라디오 버튼을 고려해야합니다.
당신은
html로 코드
<select class="select1" size="5" style="display:none">
<option name="test" value="" class="first">Select</option>
<option name="test" value="" class="">Opt1</option>
<option name="test" value="" class="">Opt2</option>
</select>
자바 스크립트
$(document).ready(function() {
$('.select1').toggle();
$(document).click(function(e) {
$('.select1').attr('size',0);
});
});
일반적으로 드롭 다운 목록의 항목은 본문로드시 숨겨져 있습니다. 특정 div의 jquery에서 .show()를 사용할 수 있습니다. –
'