new Option([text[, value[, defaultSelected[, selected]]]])
Option 오브젝트는 선택목록에 있는 모든 옵션들을 위해 생성되어 지고, select 오브젝트의 options 프로퍼티에 넣어지게 된다. 이것은 두 가지 방법 중 하나를 통해서 이뤄지게 된다: HTML의 <option> 태그를 이용하거나 Option 생성자를 통해서 이루어 진다. HTML을 이용해서 남녀선택목록을 만들려고 하면 코드는 다음과 같다.
Code:
<option>남자</option>
또한 Option 생성자를 이용해서 적절한 Select 오브젝트의 options 프로퍼티의 인덱스에 넣는 방법은 아래와 같다. 여기서는 myForm이라는 Select 오브젝트에 Option 오브젝트를 넣었다.
Code:
document.myForm.gender[0] = new Option(“남자”)
코드의 마지막에는 Option 오브젝트를 위와 같은 방법으로 생성한 후, 반드시 history.go(0)을 이용하여 문서를 새로고침 해 주어야 한다. Option 생성자를 이용 함으로써 우리는 옵션이 선택되어 졌을 때나, 폼 양식이 전송되어 졌을 때 서버로 되돌려질 값을 지정할 수 있다.
Code:
new Option(“남자”,”man”)
옵션 박스의 디스플레이 창에서 특정 옵션 값을 디폴트로 선택하게 하는 것도 가능하다.(예를 들면 HTML에서 <option>태그의 “selected” 속성이 하는 기능 같은 것). 이것은 defaultSelected 인자 값을 true로 설정하면 된다.
Code:
new Option(“남자”,”man”,true)
selected 인자 값은 복수선택을 할 때 이용된다.
프로퍼티
- defaultSelected 프로퍼티
- 이 프로퍼티는 Boolean 값으로 HTML의 selected 속성과 함께 option이 마크업 되어 있는 지를 반영한다. true 값이면 HTML의 <option> 태그의 selected 속성이 있다는 것이다.
- 구문 : object.defaultSelected
- selected 프로퍼티
- 이 프로퍼티는 Boolean값으로 특정 옵션이 선택 되었는지 아닌지를 나타낸다. selected 프로퍼티는 아무때나 설정될 수 있고, 즉각적으로 Select 오버젝트에 반영 된다.
- 구문 : object.selected
- text 프로퍼티
- 이 프로퍼티는 HTML option 태그의 Select 오브젝트의 텍스트 값을 나타낸다. 언제든지 재 설정 가능하고, 즉각적으로 선택된 곳에 반영된다.
- 구문 : object.text
- value 프로퍼티
- 이 프로퍼티는 옵션이 선택되고 폼 양식이 전송될 때, 서버에서 돌아오는 문자열 값을 반환한다. 또한 HTML의 VALUE 속성에 반영 된다. 만약 VALUE 석성이 없다면, value 프로퍼티는 빈 문자열이다.
- 구문 : object.value
메쏘드
Select 오브젝트는 Object 오브젝트의 watch와 unwatch 메쏘드를 상속받는다.
참조 : http://www.devguru.com/technologies/ecmascript/quickref/option.html
