Javascript 작업 선택 방법 [추가, 수정, 삭제, 선택, 지우기, 존재 확인 등]의 전체 모음_특수 효과 형성

js 코드
// 1. 선택 옵션에 Value="paraValue"인 항목이 있는지 확인
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. select

함수 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;
}
} alert("수정되었습니다");
} else {
alert("선택한 항목이 없습니다.")
}
}


// 6. select "첫 번째 항목이 선택되었습니다.

function jsSelectItemByValue(objSelect, objItemText) {
//존재 여부 확인
var isExit = false;에 text="paraText"를 설정합니다. for (var i = 0; i if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true;
isExit = true;
break;
} }
//결과 표시
if (isExit) {
alert("성공적으로 선택됨");
} else {
alert(" 선택 항목에 존재하지 않는 항목입니다.")
}
}


// 7. 값을 =로 설정합니다. 선택하려는 항목의 "paraValue"

document .all.objSelect.value = objItemValue

// 8. 현재 선택된 항목의 값을 가져옵니다
var currSelectValue = document.all.objSelect.value;

// 9. 현재 선택된 select 항목의 텍스트 가져오기
var currSelectText = document.all .objSelect.options[document.all.objSelect.selectedIndex].text;

/// 10. 현재 선택된 select 항목의 Index를 가져옵니다
var currSelectIndex = document .all.objSelect.selectedIndex;

// 11. 선택 항목 지우기
document.all.objSelect.options.length = 0;