ajax 테이블 행 추가 삭제 채택완료
<tr><th>을 ajax를 이용해 반복해 행을 추가하는 코드인데요, 여기에서 id가 kk_0인 부분이 change 됐을경우 전에 생성했던 행들을 지우고 초기화한 후 다시 생성하고 싶습니다.
찾아봤더니 $('#titleTbody').remove(); 이런식으로 한다고 나오는데 이 코드를 추가하면 아예 행 추가가 안되더라고요. 어떻게 해야하나요?
혹시 참고할만한 사이트가 있다면 링크 부탁드립니다.
소스코드입니다.
</strong></p>
<p><script>
$('input[id=kk_0]').change(function() { </p>
<p> var qa_id = $(this).data("qa_id");</p>
<p> var outHtml = "";
$.ajax({
url: "title.php",
type: "POST",
data: {
"qa_id": qa_id
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
class_id=data.Competition;
for(i=0; i<class_id.length;i++){
if(i%2==0){</p>
<p> $('#titleTbody').append('<tr><th scope="row" class="h">'+class_id[i]+'</th><th class="h radio_r"><input type="radio" name="check" value="'+class_id[i]+'"/></th></tr>"');
}else{
$('#titleTbody').append('<tr><th scope="row" class="even">'+class_id[i]+'</th><th class="even radio_r"><input type="radio" name="check" value="'+class_id[i]+'"/></th></tr>"');
}
}
}
});
});
</script></p>
<p><strong>
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인