JavaScript_javascript 기술을 사용하여 목록 상자에서 동시에 여러 항목을 삭제하는 방법
- WBOY원래의
- 2016-05-16 17:20:141288검색
목록 상자에서 여러 항목을 동시에 삭제하려면 위에서 아래로 삭제할 수 없습니다. 왜냐하면 위쪽 항목이 삭제될 때마다 아래쪽 항목의 인덱스 번호가 변경되므로 아래에서 위쪽으로만 삭제할 수 있기 때문입니다. 나타나지 않도록 인덱스 번호가 랜덤하게 바뀌는 문제가 있습니다.
html 코드
코드 복사 코드는 다음과 같습니다.
< ;테이블>
자바스크립트 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다. function listbox_remove(sourceID) {
//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()
//목록 상자의 각 옵션을 반복합니다.
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()
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.