질문드립니다
본문
<?php for($j=0; $j<13; $j++){?>
<input type="text" name="p_img_url[]" class="box img_url_txt" id="delimg00" title="이미지URL" value="<?php echo $p_img_url[0]; ?>" onBlur="imgurlcheck<?=$j?>(this);" placeholder="이미지URL" required>
...
...
<? } ?>
이런데요
스크립트는 이렇습니다.
function imgurlcheck0(obj){
var src = '';
if($.trim(obj.value)){
src = $.trim(obj.value);
}
$(obj).parent().parent().parent().find("#product_img0").prop("src", src);
}
스크립트에서 빨간색 표시부분을 <?=$j?> 이런식으로 해주는 방법은 뭘까요?
답변 1
위에 적으신 코드에서
다음과 같이 방식을 변경하시면
JavaScript함수 1개로 다 처리할수있습니다.
------코드검증은 안한것이고, 방식만 설명드립니다.-------
<?php for($j=0; $j<13; $j++){?>
<input type="text" name="p_img_url[]" class="box img_url_txt" id="delimg00" title="이미지URL" value="<?php echo $p_img_url[0]; ?>" onBlur="imgurlcheck(<?=$j?>, this);" placeholder="이미지URL" required>
...
...
<? } ?>
이런데요
스크립트는 이렇습니다.
function imgurlcheck(num, obj){
var src = '';
if($.trim(obj.value)){
src = $.trim(obj.value);
}
$(obj).parent().parent().parent().find("#product_img"+num).prop("src", src);
}