>  기사  >  웹 프론트엔드  >  HTML Select 개체는 Option 개체에서 어떻게 작동합니까?

HTML Select 개체는 Option 개체에서 어떻게 작동합니까?

不言
不言원래의
2018-08-09 14:20:071881검색

이 문서의 내용은 HTML Select 개체가 Option 개체를 작동하는 방법에 대한 것입니다. 이는 특정 참조 값을 가지고 있으므로 도움이 될 수 있습니다.

선택 개체는 실제로 옵션 개체 배열을 포함하는 복합 개체입니다.

select object

select object의 가장 중요한 속성은 selectedIndex이며, 이는 현재 선택된 상자에 있는 텍스트의 인덱스 값입니다.

사용법은 다음과 같습니다.

formObject.selectName.selectedIndex

option object

옵션 개체를 생성합니다. 태그에 옵션 객체를 생성하거나 여러 텍스트

var a = document.getElementById("ID值");
a.options = new Option("文本", "值");

options는 여러 텍스트 라벨을 저장할 수 있는 배열입니다

옵션 객체 메서드:

레이블 추가: obj.options.add(new Option("Text", " Value") )

레이블 제거: obj.options.remove(obj.selectedIndex)

레이블의 텍스트 가져오기: obj.options[obj.selectedIndex].text

레이블 값 가져오기: obj. options[obj.selectedIndex ].value

태그 값 수정: obj.options[obj.selectedIndex] = new Option("새 텍스트", "새 값")

모든 태그 삭제: obj.options.length = 0

참고: obj.option의 옵션은 대문자로 표시할 필요가 없으며, 새 옵션의 옵션은 대문자로 표시해야 합니다.

추천 관련 기사:

html5 사용자 정의 속성: 사용자 정의 속성 값을 얻는 방법 ​​​​(코드 포함)

HTML 양식 작동 방식(그림 및 텍스트)

HTML에서 웹 사이트 배경 이미지를 변경하거나 추가하는 코드를 작성하는 방법은 무엇입니까? (예시)

위 내용은 HTML Select 개체는 Option 개체에서 어떻게 작동합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.