자바스크립트 옵션 속성 수집 작업 code_form 효과

코드 복사 코드는 다음과 같습니다.

>< select name="testselect">
첫 번째 옵션
두 번째 옵션 🎜>< ;option value="세 번째">세 번째 옵션
브라우저에서 이 스크립트를 처리할 수 없습니다
/form>


드롭다운 상자의 옵션에 액세스하려면 다음 코드를 사용하세요.

코드 복사 코드는 다음과 같습니다. // 옵션 객체 가져오기

document.forms['testform'].testselect.options[i]

옵션을 삭제하고 싶다면

코드 복사 코드는 다음과 같습니다. document.forms ['testform'].testselect.options[i] = null;

이 옵션 개체를 null로 표시하면 이 옵션이 목록에서 완전히 제거됩니다.
참고: 이 작업은 옵션 수에 영향을 미칩니다. 위의 예에서 option[1]을 삭제하면 원래 option[2] 요소('세 번째 옵션')가 option[1] 요소가 된다고 가정합니다(옵션 요소는 순서대로 위로 올라갑니다).

다음과 같이 새 옵션을 만듭니다.

코드를 복사합니다. 코드는 다음과 같습니다. document .forms['testform'].testselect.options[i] = new Option('new text','new value')

사용자는 다음에 의해 표시되는 텍스트와 값을 봅니다. 페이지의 옵션 값은 이 옵션의 VALUE 속성입니다.
양식이 제출되면 VALUE 값이 웹 서버로 전달됩니다.

선택 상자의 모든 옵션을 지우려면 다음과 같이 하세요.

코드를 복사하세요 코드는 다음과 같습니다 : document.forms['testform'].testselect.option.length = 0