인풋 한개 일 때는 삭제가 되지 않게 하는 방법 문의 드립니다
본문
<input style="float:right; margin:5px 2px" type="button" value="상품추가" onclick="ob_adRows.addRow()"/>
<table id="table1" cellspacing="0" cellpadding="0" width=100% >
<tr class="sound_only">
<th>구분</th>
</tr>
<?php
$wr31_cnt = count($wr_31x);
if(!$wr31_cnt){
$wr31_cnt = 1;
}
for ($i = 0; $i < $wr31_cnt; $i++) {
?>
<tr>
<td style="padding:10px 0 10px 0;" align="center">
<p><input type="text" id="input1" name="wr_31x[]" value="상품명" style="border:hidden;" readonly><input type="text" id="input2" name="wr_32x[]" value="<?=$wr_32x[$i]?>">
<input type="text" id="input1" name="wr_33x[]" value="상품URL" style="border:hidden;" readonly><input type="text" id="input2" name="wr_34x[]" value="<?=$wr_34x[$i]?>"></p>
<br>
<p><input type="text" id="input1" name="wr_35x[]" value="가격" style="border:hidden;" readonly><input type="text" id="input2" name="wr_36x[]" value="<?=$wr_36x[$i]?>">
<input type="text" id="input1" name="wr_37x[]" value="수량" style="border:hidden;" readonly><input type="text" id="input2" name="wr_38x[]" value="<?=$wr_38x[$i]?>"></p>
<br>
<p><input type="text" id="input1" name="wr_39x[]" value="옵션" style="border:hidden;" readonly><input type="text" id="input3" name="wr_40x[]" value="<?=$wr_40x[$i]?>">
<input type="button" value="삭제" class="tabledel_btn" onclick="ob_adRows.delRow(this)"/> </p>
</td>
</tr>
</div>
<?php } ?>
<table id="dyntbl1" cellspacing="0" cellpadding="0"></table>
<script>
function adRowsTable(id){
var table = document.getElementById(id);
var me = this;
if(document.getElementById(id)){
var row1 = table.rows[1].outerHTML;
function setIds(){
var tbl_id = document.querySelectorAll('#'+ id +' .tbl_id');
for(var i=0; i<tbl_id.length; i++) tbl_id[i].innerHTML = i+1;
}
me.addRow = function(btn){
btn ? btn.parentNode.parentNode.insertAdjacentHTML('afterend', row1): table.insertAdjacentHTML('beforeend',row1);
setIds();
}
me.delRow = function(btn){
btn.parentNode.parentNode.outerHTML ='';
setIds();
}
}
}
var ob_adRows = new adRowsTable('table1');
</script>
기본적으로 한개 세트 필드가 처음에 보여지는데, 삭제버튼을 누르면 삭제가 되게 되어 있습니다.
혹시 한개 일때는 삭제 버튼을 눌렀을 때 1개 이상은 있어야 됩니다. 라는 팝업창이 뜨면서 , 삭제가 안되게 하는 방법이 있을까요?
답변 2
삭제 할때 현재 wr_31[]이 몇개 있는지 체크를 해보시면 될거 같습니다. 갯수 체크는
jquery length 를 사용 하면 쉽게 구할수 있습니다.
사용법은 https://javacpro.tistory.com/41 를 한번 참고해보세요.
이건 애초에 소스가 잘못 되었네요.
하나의 웹페이지에서 동일한 id 를 두개 이상 사용하면 어떤 코드를 줘도 이벤트시에 삑사리가 납니다.
그게 name 이나 class 와 id 가 다른 점이죠.
Id 가 중복되지 않는 새로운 소스를 만들어서 재질문 해 주세요.
답변을 작성하시기 전에 로그인 해주세요.
