목록 상자에서 여러 항목을 동시에 삭제하려면 위에서 아래로 삭제할 수 없습니다. 왜냐하면 위쪽 항목이 삭제될 때마다 아래쪽 항목의 인덱스 번호가 변경되므로 아래에서 위쪽으로만 삭제할 수 있기 때문입니다. 나타나지 않도록 인덱스 번호가 랜덤하게 바뀌는 문제가 있습니다.
html 코드
< ;테이블>
|
);" >삭제
|
자바스크립트 코드는 다음과 같습니다.
//id에서 목록 상자 개체를 가져옵니다.
var src = document.getElementById(sourceID);
//목록 상자의 각 옵션을 반복합니다.
for(var count= src.options.length-1; count >= 0; count--) {
//옵션이 있는 경우 선택되어 있으면 옵션을 삭제하세요.
if(src.options[count].selected == true) {
try {
src.remove(count, null)
} catch(error) {
src.remove(count);
}
}
}
}
물론, jQuery를 한 문장으로 삭제하면 편리합니다. Done ('option:selected').remove()