채택완료

select 박스안의 option삭제하는 jquery있나요?

2017-11-08 (수) 20:15:05 4,568

현재 셀렉트 박스는 이렇게 구현되어있습니다.

<select name='wr_2' id='wr_2' required class="form-control input-sm">
   <option value="">선택하세요</option>
</select>

셀렉트박스1에서 선택하면 해당 선택된 값에 맞는 값을 ajax로 가져와

wr_2의 셀렉트박스의 옵션이 점차적으로 증가합니다.

ajax로 받아서 처리하고있구요

ajax로 보내서 값을 가져오는것 까진 성공하였고

success:function(args){
    $("#wr_2").append(args);
}
이렇게 append로 셀렉트 박스를 추가되는것까지도 확인되었습니다.

문제는 1셀렉트 박스가 바뀌어도 2셀렉트 박스에 값이 계속 남아있어서 문제가됩니다.

제이쿼리로 #wr_2의 모든 셀렉트박스를 없애는 방법이있나요?

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2017-11-08 (수) 20:27:04
Copy
$("#wr_2").empty().append('<option value="">선택하세요</option>') ;

또는

Copy
$("#wr_2").html('<option value="">선택하세요</option>');

답변에 대한 댓글 1개

2017-11-08 (수) 20:34:19
늦은시간 감사합니다^^

답변을 작성하려면 로그인이 필요합니다.