HTML DOM 옵션 값 속성
정의 및 사용
값 속성을 설정하거나 (양식 제출 데이터가 서버로 전송됩니다) 옵션의 값을 반환합니다.
팁 : 양식이 제출이 옵션이, 값을 선택한 경우 발생하고, 양식을 제출됩니다.
문법
값 속성을 설정 :
optionObject.value="text"
값 속성을 반환합니다 :
optionObject.value
브라우저 지원
모든 주요 브라우저는 속성 값을 지원
예
예
디스플레이 옵션 값을 선택했습니다 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를을 ( "mySelect") selectedIndex의;
경고 (document.getElementsByTagName ( "옵션") [X] .value);
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일을 선택합니다 :
<선택 한 id = "mySelect">
<옵션 값 = "사과"> 애플 </ 옵션>
<옵션 값 = "오렌지"> 오렌지 </ 옵션>
<옵션 값 = "파인애플"> 파인애플 </ 옵션>
<옵션 값 = "바나나"> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 선택 값 과일입니다. </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를을 ( "mySelect") selectedIndex의;
경고 (document.getElementsByTagName ( "옵션") [X] .value);
}
</ 스크립트>
</ 헤드>
<바디>
<양식>
좋아하는 과일을 선택합니다 :
<선택 한 id = "mySelect">
<옵션 값 = "사과"> 애플 </ 옵션>
<옵션 값 = "오렌지"> 오렌지 </ 옵션>
<옵션 값 = "파인애플"> 파인애플 </ 옵션>
<옵션 값 = "바나나"> 바나나 </ 옵션>
</ 선택>
</ FORM>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 선택 값 과일입니다. </ 버튼>
</ BODY>
</ HTML>
»시도
옵션 개체