테스트 사이트 - 개발 중인 베타 버전입니다

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

망이망소이 7년 전 조회 2,738

write.skin.php 에서 

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

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

아래와 같이

셀렉트폼 값이 1인경우에

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

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

</p>

<p><script language='javascript'></p>

<p>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="";

  }</p>

<p> </p>

<p>// 셀렉트시 보여주기부분

      if((obj.value) == "1") 

        document.sumform.wr_52.style.display = 'block'; 

      else 

        document.sumform.wr_52.style.display = 'none'; </p>

<p>}

</script></p>

<p> </p>

<p><form name='sumform'></p>

<p>.</p>

<p>.</p>

<p>  <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>

 </p>

<p> </p>

<p>            <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></p>

<p>

 

동일한 소스의 다른 질문

https://sir.kr/qa/232201?vpage=1#answer_232210" target="_blank">https://sir.kr/qa/232201?vpage=1#answer_232210

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

답변 1개

채택된 답변
+20 포인트
식쏭
7년 전

jquery 로 하시죠..

$("#sell5").change(function(){</p>

<p>    if( $(this).val() == 1 ) {</p>

<p>        $("[name=wr_52]").show();

    }</p>

<p>    else{

        $("[name=wr_52]").hide();</p>

<p>    } </p>

<p>})</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

망이망소이
7년 전
감사합니다^^ 역시 jquery입니다. 쉽네요~

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

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

로그인