JS 작업 선택 드롭다운 상자 동적 변경(생성/삭제/가져오기)_javascript 기술

1. 동적으로 select 생성

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

function createSelect() {
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect)

2 .옵션 옵션 추가

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

함수 addOption (){
//id를 기준으로 객체 찾기,
var obj=document.getElementByIdx_x('mySelect')
//옵션 추가
obj.add(new Option("text" ,"값"));
}

3. 모든 옵션 옵션 삭제

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

function RemoveAll(){
var obj=document.getElementByIdx_x('mySelect')
obj.options.length=0; >}


4. 옵션 옵션 삭제

코드 복사 코드는 다음과 같습니다. 🎜> function RemoveOne(){

var obj=document.getElementByIdx_x('mySelect')

//index, 옵션의 일련 번호를 삭제하려면 여기에서 일련 번호를 가져옵니다. 현재 선택된 옵션
var index=obj.selectedIndex;
obj.options.remove(index)
}


5.

코드 복사

코드는 다음과 같습니다. var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //일련번호, 현재 선택한 옵션의 일련번호 가져오기

var val = obj.options[index].value;

6. 옵션 옵션 텍스트 가져오기

코드 복사

코드는 다음과 같습니다. var obj= document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //일련번호, 현재 선택한 옵션의 일련번호 가져오기

var val = obj.options[index].text; >

7. 옵션 옵션 수정

코드 복사

코드는 다음과 같습니다. var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedIndex; //일련번호, 현재 선택한 옵션의 일련번호 가져오기 var val = obj.options[index ]=new Option("새 텍스트","새 값");

8. 삭제 선택

코드 복사

코드는 다음과 같습니다. function RemoveSelect(){ var mySelect = document.getElementByIdx_x("mySelect") mySelect. );

}