채택완료

write.skin.php 에서 셀렉트에서 특정값 선택시 보여주기

2018-02-28 (수) 15:16:53 2,955

write.skin.php 에서 

특정 셀렉트항목에서  선택된 값에 따라

숨겨진 폼을 더 보여주는 부분을 만들고 있는데요.

아래와 같이

셀렉트폼 값이 1인경우에

바로아래 wr_52폼이 보이도록 하려는겁니다.

그런데 잘 안되서 소스 한번 봐주십사 부탁드립니다.

Copy
<script language='javascript'>

function calc(obj) {
  if (document.getElementById("sell1").value && document.getElementById("sell2").value && document.getElementById("sell3").value && document.getElementById("sell4").value && document.getElementById("sell5").value) {
    document.getElementById('sell6').value =parseInt(document.getElementById('sell1').value) + parseInt(document.getElementById('sell2').value) + parseInt(document.getElementById('sell3').value) + parseInt(document.getElementById('sell4').value) + parseInt(document.getElementById('sell5').value);
  } else {
    document.getElementById('sell6').value="";
  }

 

// 셀렉트시 보여주기부분
      if((obj.value) == "1") 
        document.sumform.wr_52.style.display = 'block'; 
      else 
        document.sumform.wr_52.style.display = 'none'; 

}
</script>

 

<form name='sumform'>

.

.

  <select name='sell5' id='sell5' onchange="calc(this)">
    <option value="">선택하세요.</option>
    <option value="5" <?php echo ($sell5 == "5") ? "selected" : "";?>>5</option>
    <option value="4" <?php echo ($sell5 == "4") ? "selected" : "";?>>4</option>
    <option value="3" <?php echo ($sell5 == "3") ? "selected" : "";?>>3</option>
    <option value="2" <?php echo ($sell5 == "2") ? "selected" : "";?>>2</option>
    <option value="1" <?php echo ($sell5 == "1") ? "selected" : "";?>>1</option>
  </select>
 

 

            <select name='wr_52' style='display:none'>
                <option value="">선택하세요.</option>
                <option value="사과" <?php echo ($write['wr_52'] == "사과") ? "selected" : "";?>>사과</option>
                <option value="감자" <?php echo ($write['wr_52'] == "감자") ? "selected" : "";?>>감자</option>
            </select>

동일한 소스의 다른 질문

https://sir.kr/qa/232201?vpage=1#answer_232210

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

jquery 로 하시죠..

Copy
$("#sell5").change(function(){

    if( $(this).val() == 1 ) {

        $("[name=wr_52]").show();
    }

    else{
        $("[name=wr_52]").hide();

    } 

})

답변에 대한 댓글 1개

2018-02-28 (수) 16:14:56
감사합니다^^ 역시 jquery입니다. 쉽네요~

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