Language/JAVASCRIPT
SELECT
적외선
2010. 5. 10. 15:33
폼에서 선택리스트를 만드는 개체이다. 선택리스트를 만드는 방법에 따라 하나만 선택할 수 있는 선택리스트를 만들 수도 있고 2개 이상 선택할 수 있는 리스트도 만들 수 있다.
property(속성) |
method(메써드) |
event handlers | ||
netscape6.0 |
Expolorer |
netscape6.0 |
Explorer |
공통 |
form |
Form |
item |
onBlur | |
length |
Length |
focus |
Focus |
onClick |
name |
Name |
blur |
onDblClick | |
options |
|
applyElement |
onfocus | |
selectedIndex |
selectedindex |
addEventListener |
attachEvent |
onKeyDown |
type |
type |
removeEventListener |
detachEvent |
onKeyUp |
multiple |
multiple |
|
blur |
onKeyPress |
size |
size |
|
click |
onMouseDown |
value |
value |
insertBefore |
insertBefore |
onMouseUp |
|
accelerator |
replaceChild |
replaceChild |
onMouseOver |
|
accessKey |
removeChild |
removeChild |
onMouseOut |
|
align |
../data/lecture/hcjd/appendixcdChild |
../data/lecture/hcjd/appendixcdChild |
|
id |
id |
hasChildNodes |
hasChildNodes |
|
title |
title |
cloneNode |
cloneNode |
|
lang |
lang |
|
removeNode |
|
dir |
dir |
|
replaceNode |
|
className |
className |
|
swapNode |
|
style |
style |
|
clearAttributes |
|
innerHTML |
innerHTML |
getAttribute |
getAttribute |
|
|
innerText |
setAttribute |
setAttribute |
|
|
outerHTML |
removeAttribute |
removeAttribute |
|
|
outerText |
|
mergeAttributes |
|
tagName |
tagName |
getAttributeNode |
||
offsetTop |
offsetTop |
setAttributeNode |
||
offsetLeft |
offsetLeft |
removeAttributeNode |
||
offsetWidth |
offsetWidth |
getElementsByTagName |
getElementsByTagName |
|
offsetHeight |
offsetHeight |
|
contains |
|
offsetParent |
offsetParent |
|
insertAdjacentHTML |
|
|
clientHeight |
|
insertAdjacentText |
|
|
clientLeft |
|
insertAdjacentElement |
|
|
clientTop |
|
getAdjacentText |
|
|
clientWidth |
|
replaceAdjacentText |
|
|
isContentEditable |
|
setActive |
|
|
isTextEdit |
|
setExpression |
|
|
canHaveChildren |
|
getExpression |
|
|
canHaveHTML |
|
removeExpression |
|
ownerDocument |
|
scrollIntoView |
||
nodeName |
nodeName |
|||
nodeValue |
nodeValue |
|||
nodeType |
nodeType |
|||
parentNode |
parentNode |
|||
childNodes |
||||
|
parentElement |
|||
firstChild |
firstChild |
|||
lastChild |
lastChild |
|||
previousSibling |
previousSibling |
|||
nextSibling |
nextSibling |
|||
attributes |
||||
|
isDisabled |
|||
disabled |
disabled |
|||
tabIndex |
tabIndex |
|||
|
parentTextEdit |
|||
|
width |
|||
|
sourceIndex |
|||
|
scrollHeight |
|||
|
scrollLeft |
|||
|
scrollTop |
|||
|
scrollWidth |
아래에서 설명되지 않은 것은 div개체를 참고하세요.
<SELECT>
<OPTION>1
<OPTION>2
<OPTION>N
</SELECT>
form
선택리스트를 포함하고 있는 폼을 나타내는 속성이다.
object.form
name
선택리스트의 name 속성을 나타내는 속성이다.
object.name [ = ①string ]
① string: name 속성을 나타내는 문자열
length
선택리스트에서 리스트의 수를 나타내는 속성이다.
object.length [ = ①interger ]
① interger: 포함된 리스트의 수를 지정하는 정수
options
선택 리스트를 구성하는 리스트 (option)을 선택리스트 안에서의 순서에 따라 배열을 만듬으로서 배열 순서에 따라 선택리스트를 구성하는 리스트를 참조할 수 있도록 하는 속성이다.
selectobject.length = selectobject.options.length
selectedIndex
선택리스트에서 선택된 메뉴의 순서를 나타내는 속성으로 순서는 0에서 시작함으로써 처음리스트의 selectedindex는 0이고 마지막 selectindex는 리스트의 숫자 -1이 된다.
SELECT.selectedIndex [ = ①interger]
①interger : 선택되 메뉴의 순서를 나타내는 정수
multiple
선택리스트로부터 2개 이상의 메뉴를 선택가능하게 할지를 나타내는 속성이다.
SELECT.multiple [ = ①boolean ]
① Boolean 값으로 지정할 수 있는 것은 다음과 같다.
true |
선택리스트에서 2개 이상의 메뉴를 선택할 수 있다. |
false |
선택리스트에 하나의 메뉴만 선택할 수 있다. 기본값 |
type
MULTIPLE 속성을 근거로 선택 리스트의 type을 나타내는 속성이다.
[ ①string = ] SELECT.type
① string 값으로 나타내어지는 것은 다음과 같다.
select-multiple |
MULTIPLE 속성이 true로 설정되어 복수의 메뉴를 선택할 수 있다. |
select-one |
MULTIPLE 속성이 false로 하나의 메뉴만을 선탟할 수 있다. |
value
폼이 서버로 보내질 보내질 select 개체의 value 값
[ ①string = ] selectobject.value
① string : 보내질 값을 나타내는 문자열
size
선택리스트에서 한 번에 보여줄 메뉴의 수를 나타내는 속성이다.
SELECT.size [ = ①interger ]
① Integer : 보여줄 메뉴의 수를 지정하는 정수.