Javascript select 컨트롤 동작 대전(추가,수정,삭제,선택,비우 기,존재 판단 등)

1 select 옵션 에 Value="paraValue"가 있 는 지 판단 하 는 항목 2 는 select 옵션 에 항목 3 을 추가 합 니 다.select 옵션 에서 항목 4 를 삭제 하고 select 에서 선택 한 항목 5 를 삭제 합 니 다.select 옵션 에서 value="paraValue"의 text 는"paraText"6 설정 select 에서 text="paraText"의 첫 번 째 항목 은 select 7 을 선택 하면 select 에서 value="paraValue"의 항목 은 8 을 선택 하면 select 를 받 습 니 다.현재 선택 한 value 9 에서 select 를 받 은 현재 선택 한 text 10 에서 select 를 받 은 현재 선택 한 Index 11 에서 select 의 항목 js 코드/1 을 비 웁 니 다.select 옵션 에 Value="paraValue"가 존재 하 는 지 판단 하 는 Item function jsSelectIsExitItem(object Select,object ItemValue){var isExit=false;for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } // 2.select 옵션 에 Item function jsAddItemToSelect(object Select,object ItemText,object ItemValue){/존재 여 부 를 판단 하 는 if(jsSelect IsExitItem(object Select,object ItemValue){alert("이 Item 의 Value 값 이 이미 존재 합 니 다");}else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("성공 가입");}//3.select 옵션 에서 Item function jsRemoveItemFromSelect(object Select,object ItemValue){//존재 여 부 를 판단 하 는 if(jsSelectIsExitItem(object Select,object ItemValue){for(var i=0;i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("삭제 성공");}else{alert("이 select 에 이 항목 이 존재 하지 않 습 니 다");}//4.select 에서 선택 한 function jsRemoveSelected ItemFromSelect(objectSelect){var length=objectSelect.options.length-1 을 삭제 합 니 다.for(var i = length; i >= 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = null; } } } // 5.select 옵션 에서 value="paraValue"의 text 를"paraText"function jsUpdateItemToSelect(object,object ItemText,object ItemValue){//존재 여 부 를 판단 하 는 if(jsSelectIsExitItem(object Select,object ItemValue){for(var i=0;i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("수정 성공");}else{alert("이 select 에 이 항목 이 존재 하지 않 습 니 다");}//6.select 에서 text="paraText"의 첫 번 째 Item 을 선택 한 function jsSelectItemByValue(object Select,object ItemText){//var isExit=false 가 존재 하 는 지 판단 합 니 다.for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //결과 보기 if(isExit){alert("성공 선택");}else{alert("이 select 에 이 항목 이 존재 하지 않 습 니 다");}//7.select 에서 value="paraValue"의 Item 을 document.all.objSelect.value=object ItemValue 로 설정 합 니 다.//8.select 의 현재 선택 한 value var currSelectValue=document.all.objSelect.value;/9.select 를 받 은 현재 선택 한 text var curreSelectText=document.all.objSelect.options[document.all.objSelect.selected Index].text;/10.select 의 현재 선택 한 인 덱 스 var currSelectIndex=document.all.objSelect.selected Index;/11.select 의 항목 document.all.objSelect.options.length=0 을 비 웁 니 다.

좋은 웹페이지 즐겨찾기