채택완료

게시글 수정 시, 여분필드 show

2019-03-29 (금) 13:23:06 3,450

사이트에서 현재 jquery를 사용해서 

Copy
$(function(){
      //입력박스 숨어있다가
$("#hide").hide();
$("#ca_name").change(function() {
                //기타를 선택하면 등장
        if($("#ca_name").val() == "주인을 찾습니다 [습득물]") {
            $("#hide").show();
        }  else {
            $("#hide").hide();
        }
    }) 
});

위와 같이 #hide 라는 id를 숨겨주고, 카테고리에서 습득물을 클릭하면 #hide에 숨겨져있던 input 박스들이 보여지게 설정했습니다.

글쓰기에서는 모두 정상적으로 문제없이 잘 되는데, 글 수정으로 들어가면 ca_name의 값은 습득물로 선택되어 있는데, #hide 내부에 있는 input 소스들은 보여지지가 않습니다.

도움 부탁드립니다!!

아래는 div 전문입니다.

Copy
<div id="hide">
            <li class="bo_w_tit">
                <div class="wli_tit">습득 장소</div>
                <div class="wli_cnt">
                    <label for="wr_1" class="sound_only">습득 장소</label>
                    <input type="text" name="wr_1" value="<?php echo $wr_1 ?>" id="wr_1" class="frm_input" placeholder="ex) 후문 레드박스 앞">
                </div>

            </li>
        
            <li class="bo_w_tit">
                <div class="wli_tit">습득 시간대</div>
                <div class="wli_cnt">
                    <label for="wr_2" class="sound_only">습득 시간대</label>
                    <input type="text" name="wr_2" value="<?php echo $wr_2 ?>" id="wr_2" class="frm_input" placeholder="ex) 4월 1일 오후7시경">
                </div>
            </li>

            <li class="bo_w_tit">
                <div class="wli_tit">습득 물건</div>
                <div class="wli_cnt">
                    <label for="wr_3" class="sound_only">습득 물건</label>
                    <input type="text" name="wr_3" value="<?php echo $wr_3 ?>" id="wr_3" class="frm_input" placeholder="ex) 회색 카시오 메탈 시계">
                </div>
            </li>

            <li class="bo_w_tit">
                <div class="wli_tit">이곳에 맡겨 놨어요.</div>
                <div class="wli_cnt">
                    <label for="wr_3" class="sound_only">임보</label>
                    <input type="text" name="wr_4" value="<?php echo $wr_4 ?>" id="wr_4" class="frm_input" placeholder="ex) 후문 메가박스에 맡겨놨습니다. 찾아가세요.">
                </div>
            </li>

        </div>
|

답변 1개 / 댓글 4개

채택된 답변
+20 포인트
2019-03-29 (금) 13:33:45
Copy
$(function(){
      //입력박스 숨어있다가
$("#hide").hide();
$("#ca_name").on("change",function() {
                //기타를 선택하면 등장
        if($("#ca_name").val() == "주인을 찾습니다 [습득물]") {
            $("#hide").show();
        }  else {
            $("#hide").hide();
        }
    }) 
});

 

<?php if($w=='u' && $write['ca_name'] == "주인을 찾습니다 [습득물]"){?>

 $("#hide").show();

<?php }?>

이렇게 하셔도 될듯 합니다.

답변에 대한 댓글 4개

[code]
<script>
$(function(){
//입력박스 숨어있다가
$("#hide").hide();
$("#ca_name").on("change",function() {
//기타를 선택하면 등장
if($("#ca_name").val() == "주인을 찾습니다 [습득물]") {
$("#hide").show();
} else {
$("#hide").hide();
}
})
});



</script>

<?php if($w=='u' && $write['ca_name'] == "주인을 찾습니다 [습득물]"){?>
<script>
$("#hide").show();
</script>

<?php }?>
[/code]

왜 이런 생각을 못했을까..하고 신나게 수정하러갔습니다!!

그런데.. 위와 같이 했는데.. 수정 시, 묵묵부답입니다..ㅠㅜㅠ
크롬에서 F12 눌러서 개발자 모드 콘솔에 에러가 있는지 확인해 보세요
소스상엔 문제가 없는듯 합니다.
수정 페이지 들어가면, 0.5초정도 해당 #hide 부분이 show 되었다가 다시 hide가 됩니다 ㅠㅠㅠ 왜 그럴까요..?
<div id="hide" style="display:none;">

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