티스토리 뷰

Skill/html js css

jquery option 다루기

진열사랑 2023. 10. 31. 10:41

// option 삭제
$("#sel").find("option").each(function() {
        if(this.value != "") {
                $(this).remove();
        }
}

// option 삭제 한줄로
$("#sel").children("option:not(:first)").remove();

// option 추가
var objsel = document.getElementById("sel");
var objOption = document.createElement("option");
objOption.text ="선택1";
objOption.value = "option1";
objsel.options.add(objOption);


<참고>
remove와 empty의 차이 !!

empty :  선택된 요소의 하위요소들만 제거
remove : 선택된요소를 포함, 하위요소들을 제거



'Skill > html js css' 카테고리의 다른 글

이벤트 버블링(bubbling)과 캡처링(capturing)  (1) 2023.12.21
jquery event 사용  (0) 2023.11.02
jQuery : Parsing (JSON, XML, HTML)  (0) 2023.10.04
[Javascript] Full calendar  (0) 2023.08.17
jquery] array.reduce  (0) 2023.08.03
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함