Javascript 선택 제어 작업의 전체 목록(추가, 수정, 삭제, 선택, 지우기, 존재 여부 확인 등)_특수 효과 형성

1 선택 옵션에 Value="paraValue"인 항목이 있는지 확인
2 선택 옵션에 항목 추가
3 선택 옵션에서 항목 삭제
4 선택 옵션에서 선택한 항목 삭제
5 select 옵션에서 value="paraValue"의 텍스트를 "paraText"로 수정
6 select에서 text="paraText"의 첫 번째 항목이 선택되도록 설정
7 value의 항목 설정 선택하려는 select의 ="paraValue"
8 현재 선택된 select 항목의 값을 가져옵니다
9 현재 선택된 select 항목의 텍스트를 가져옵니다
10 현재 선택한 항목의 Index를 가져옵니다. of select
11 선택한 항목 지우기
js 코드
// 1. 선택 옵션
function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false;
for (var i = 0; i if (objSelect.options[i].value == objItemValue) { isExit = true;
break;
}
}
return isExit;
}
// 2. 선택 옵션에 항목을 추가합니다.
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//존재 여부 확인
if (jsSelectIsExitItem(objSelect , objItemValue)) {
alert("이 항목의 값이 이미 존재합니다.")
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add( varItem);
alert("성공적으로 추가됨")
}
// 3. 삭제 선택 옵션의 항목
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//존재 여부 확인
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i if (objSelect.options[i] .value == objItemValue) {
objSelect.options.remove(i) break; 🎜>}
alert("삭제되었습니다.");
} else {
alert("선택한 항목이 없습니다.")
}
}
// 4. 선택
함수 jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1
for(var i = length; i >= 0; i--에서 선택한 항목을 삭제합니다. ){
if(objSelect[i].selected == true){
objSelect.options[i] = null
}
}
}
// 5. 수정 선택 옵션의 value="paraValue" 텍스트를 "paraText"로
function jsUpdateItemToSelect(objSelect, objItemText , objItemValue) {
//존재 여부 확인
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i if (objSelect.options[i].value == objItemValue) {
objSelect.options[i]. text = objItemText;
break;
} }
alert("성공적으로 수정되었습니다." )
} else {
alert("선택한 항목이 없습니다.") ;
}
}
// 6. 선택 항목에서 text="paraText"의 첫 번째 위치를 설정합니다.
function jsSelectItemByValue(objSelect, objItemText) {
//Determine 존재 여부
var isExit = false;
for (var i = 0; i if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break }
}
//결과 표시

alert("성공적으로 선택됨");
} else {
alert("선택한 항목이 없습니다.")
}
}
// 7. select에서 value="paraValue"인 항목을 선택
document.all.objSelect.value = objItemValue
// 8. 현재 선택된 select 항목의 값 가져오기
var currSelectValue = document.all.objSelect.value;
// 9. 현재 선택된 선택 항목의 텍스트 가져오기
var currSelectText = document.all.objSelect.options [document.all.objSelect.selectedIndex].text;
// 10. 현재 선택된 선택 항목의 인덱스를 가져옵니다.
var currSelectIndex = document.all.objSelect.selectedIndex;
// 11.
document.all의 선택 항목을 지웁니다. objSelect.options.length = 0