js 연산 선택 및 옵션(예제와 함께 설명)_javascript 기술-JS 튜토리얼-php.cn

1. 동적으로 선택 생성

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

함수 createSelect(){

var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2. 옵션 옵션 추가

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

함수 addOption(){

//옵션 추가

obj.add(new Option("text","value")) //이것은 IE에서만 유효합니다

text","value")); // IE 및 Firefox와 호환됩니다
}

3. 모든 옵션 옵션 삭제

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

function RemoveAll(){

var obj=document.getElementByIdx_x('mySelect');
obj.options. 길이=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 ].값

6. 옵션 텍스트 가져오기

var obj=document.getElementByIdx_x('mySelect');

var index=obj.selectedIndex; //일련번호, 현재 선택한 옵션의 일련번호 가져오기

var val = obj.options[index ].텍스트

7. 옵션 옵션 수정

var obj=document.getElementByIdx_x('mySelect');

var index=obj.selectedIndex; //일련번호, 현재 선택한 옵션의 일련번호 가져오기

var val = obj.options[index ]=new 옵션("새 텍스트","새 값");

8. 삭제 선택

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

function RemoveSelect(){

var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
 }


 전체 인스턴스 코드는 다음과 같습니다. 

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

< select id="area" onchange="choice()">

改进版：在select中添加、修改、删除option元素

复主代码代码如下:

function watch_ini(){ // 初始
for(var i=0; ivar word = document.createElement_x("OPTION");
word.text = 인수[i];
watch.keywords.add(word); // 보다. 양식 이름입니다
}
}
function watch_add(f){ // 增加
var word = document.createElement_x("OPTION");
word.text = f.word.value ;
f.keywords.add(단어); 
}

但上述 add() 方法只재IE下有效，为兼容FF와 Opera，对上述代码进行了一下改进，改动后代码如下：

复代码代码如下:

function watch_ini(){ // 初始
for(var i=0; i   var oOption=new Option(arguments[i],arguments[i ]);
   document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ // 增加
   var oOption=new Option(f .word.value,f.word.value);
   f.keywords[f.keywords.length]=oOption;
}

整个实例的完整代码如下：

复aze代码代码如下:

javascript 선택 옵션 텍스트 값