예
특정 거기에 얼마나 많은 옵션을 알아보십시오 <datalist> 요소 :
var x = document.getElementById("browsers").options.length;X의 결과는 다음과 같습니다
5 »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
옵션 모음은 모든 옵션의 컬렉션을 반환 <datalist> 요소를.
Note: 그들은 소스 코드에 나타나는 컬렉션의 요소가 분류되어 있습니다.
브라우저 지원
| 수집 | |||||
|---|---|---|---|---|---|
| options | 예 | 10.0 | 예 | 예 | 예 |
통사론
datalistObject .options등록
| 재산 | 기술 |
|---|---|
| length | 의 수를 돌려줍니다 <option> 컬렉션의 요소를. 참고 :이 속성은 읽기 전용 |
행동 양식
| 방법 | 기술 |
|---|---|
| [ index ] | 돌려줍니다 <option> 지정된 인덱스 컬렉션에서 요소 (starts at 0) . 주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다 |
| item( index ) | 돌려줍니다 <option> 지정된 인덱스 컬렉션에서 요소 (starts at 0) . 주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다 |
| namedItem( id ) | 반품 <option> 지정된 ID를 가진 컬렉션에서 요소를. 참고 : ID가 존재하지 않는 경우는 null를 돌려줍니다 |
기술적 세부 사항
| DOM 버전 : | 코어 레벨 2 문서 객체 |
|---|---|
| 반환 값 : | 모든 나타내는 HTMLCollection 개체, <option> 요소 <datalist> 요소를. 그들은 소스 코드에 나타나는 컬렉션의 요소는 분류되어 있습니다 |
더 예
예
[인덱스]
첫 번째 옵션의 값 가져 오기 (index 0) DataList로의를 :
var x = document.getElementById("browsers").options[0].value;X의 결과는 다음과 같습니다
Internet Explorer »그것을 자신을 시도 예
item( index )
첫 번째 옵션의 값 가져 오기 (index 0) DataList로의를 :
var x = document.getElementById("browsers").options.item(0).value;X의 결과는 다음과 같습니다
Internet Explorer »그것을 자신을 시도 예
namedItem( name_or_id )
DataList로에서 "구글"= id가 옵션의 값을 취득합니다 :
var x = document.getElementById("browsers").options.namedItem("google").value;X의 결과는 다음과 같습니다
Chrome »그것을 자신을 시도 예
DataList로 모든 옵션을 통해 루프 및 출력 옵션 값 :
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0;
i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}TXT의 결과는 다음과 같습니다
Internet Explorer
Firefox
Chrome
Opera
Safari »그것을 자신을 시도 <데이터 목록 개체