Latest web development tutorials

데이터 목록 옵션 모음

데이터 목록 객체 참조 데이터 목록 객체

데이터 목록은 모든 옵션 및 출력 옵션 값을 제어합니다

VAR X = document.getElementById를 ( "mySelect");
var에 TXT = "";
대한 (var에 나는 = 0; 나는 x.options.length을 <; 내가 ++)
{
TXT = TXT + x.options [I] .value + "로 <br>";
}

TXT 출력은 다음과 같습니다

인터넷 익스플로러
파이어 폭스
크롬
오페라
원정 여행

»시도

정의 및 사용

옵션은 DataList와 컬렉션 모든 옵션을 반환 설정합니다.

주 : 코드 위치 정렬 요소에 의해 요소의 집합을 정리.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저 설정 옵션을 지원합니다.


문법

datalistObject의의 .options

재산

재산 기술
길이 컬렉션 선택 요소의 수를 반환

방법

방법 기술
[색인] 요소를 지정하는 정수 (0부터 시작)를 검색합니다
항목(인덱스) (0부터 시작) 컬렉션 요소에서 지정된 인덱스를 돌려줍니다
namedItem(name_or_id) 지정된 이름 (이름 또는 id 속성)와 컬렉션에서 요소를 반환


더 많은 예제

소자의 수를 표시 데이터 목록 :

VAR X = document.getElementById를 ( "브라우저") options.length;

X 출력은 다음과 같습니다

(5)

»시도

[색인]

값을 (인덱스 0) 인 DataList에 첫 번째 옵션을 반환합니다 :

VAR X = document.getElementById를 ( "브라우저") 옵션 [0] .value;

X 출력은 다음과 같습니다

인터넷 익스플로러

»시도

항목 (인덱스)

값을 (인덱스 0) 인 DataList에 첫 번째 옵션을 반환합니다 :

. 바르 X = document.getElementById를 ( "브라우저") options.item (0) .value;

X 출력은 다음과 같습니다

인터넷 익스플로러

»시도

namedItem (name_or_id)

다시 한 id = "구글"값 DataList에 옵션 :

VAR X = document.getElementById를 ( "브라우저") options.namedItem ( "구글") 값 ..;

X 출력은 다음과 같습니다

크롬

»시도


데이터 목록 객체 참조 데이터 목록 객체