본문 바로가기

HTML / CSS / Java Script

[JS] 폼기반 객체로 입력 폼제어 [Select 객체]

Select 객체


Select 객체

콤보박스, 목록상자에 정보를 제공하는 객체 <select> 이용해서 형성 name속성을 부여한 이름을 이용하면됨


document.폼이름.콤보박스 or 목록상자.속성;
document.폼이름.콤보박스 or 목록상자.메소드( );


length : 콤보, 목록상자에 포함된 항목갯수
name : 콤보, 목록상자의 이름
options : 콤보, 목록상자에 포함된 항목들로 배열형태로 제공
selectedindex : 선택한 항목의 인덱스번호
type : 목록상자의 다중선택 정보




defaultSelected : <option>에서 "selected"로 되어있는지 아닌지 (true, false)
selected : 선택되어있는 지 아닌지 (true, false)
text : 화면에 보여주는 내용
value : 실질적인 값


blur( ) : 콤보, 목록상자에서 커서를 사라지게함
focus( ) : 콤보, 목록상자에 커서를 위치시킴




onBlur( ) : 콤보, 목록상자에 커서가 사라지면 발생하는 이벤트
onChange( ) : 항목의 선택을 변경할때 발생하는 이벤트
onFocus( ) : 콤보, 목록상자에 커서가 위차하면 발생하는 이벤트