|
속성 |
메소드 |
|
length |
blur() |
|
항목의 개수를 나타냄 |
커서를 제거 |
|
name |
focus() |
|
name속성과 동일하게 적용 |
커서를 지정함 |
|
options |
eval() |
|
<option> 태그 정보를 배열로 포함함 |
수식으로 되어있는 문자열을 계산하여 실수로 바꿔줌 |
|
selectedIndex |
|
|
인덱스 번호를 이용하여 항목을 선택하거나 선택된 항목의 인덱스 번호를 반환 |
|
|
type |
|
|
형식을 알아냄. 브랑줘에 따라 다르게 출력됨 |
|
연습해보기
select.html<html>
<head>
<title>checkbox관련 연습 </title>
<script language="javascript">
function test(a){
var str=""
str+="1]옵션수량: "+a.options.length+"\n"
if(a.options.selectedIndex==-1)
str+="2]선택한 옵션이 없습니다."
else
str+= "2]선택한 옵션은 "+a.options.selectedIndex+"\n"
alert(str)
}
</script>
</head>
<body>
<form name="testform">
<select name="sel" size=5>
<option selected>바나나
<option>사과
<option> 파인애플
<option> 자두
<option> 오랜지
<input type="button" value="확인" onClick="test(testform.sel)">
</form>
</body>
</html>
반응형
'웹프로그래밍 > javascript' 카테고리의 다른 글
| JavaScript - 키입력 관련 이벤트 (0) | 2015.08.02 |
|---|---|
| javascript - form(FileUpload) (0) | 2013.09.04 |
| javascript - form(radio) (0) | 2013.09.02 |
| form(checkbox)관련 javascript (0) | 2013.09.02 |
| form(Submit)관련 객체 (0) | 2013.09.02 |