Multi Selectbox 만들기

웹작업을 할때 selectbox를 펼쳐있는 상태로 사용을 할 필요가 있을때가 있었다

지금까지는 다음과 같이 사용해왔다

<select name="test" multiple style="width:200px; height:200px">

그러나 위와 같이 하면 컨트롤 키를 누른상태로 클릭하게 되면 말그대로 복수개가 선택되게 된다.

그러나 단지 펼쳐서 보여지게만 하고 단일 선택만 가능하게 하고 싶을때는 다음과 같이 하면 된다.

<select name="test" size="10" style="width:200px; height:200px">

여기서 주의할 점...

size를 10으로 해놓았다고 하더라도 height의 값에 따라서 표시되는 수가 변화된다.