>웹 프론트엔드 >JS 튜토리얼 >JS는 select(샘플 코드)_javascript 기술에서 Option 개체를 동적으로 추가하고 삭제합니다.

JS는 select(샘플 코드)_javascript 기술에서 Option 개체를 동적으로 추가하고 삭제합니다.

WBOY
WBOY원래의
2016-05-16 17:08:10967검색

아래와 같습니다.

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

//동적으로 모두 삭제 선택 옵션의 항목:
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}

//동적으로 옵션을 삭제합니다. select:
function delOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
// select에 항목 옵션을 동적으로 추가:
function addOneOption (){
//document.getElementById("user_dm").options.add(new Option(2,"mytest"))

var selectObj=document.getElementById("user_dm") ;
경고(selectObj.length);
selectObj.options[selectObj.length] = new Option("mytest", "2")

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