스크립트가 작동을 안합니다 채택완료

다음 소스에서

------------------------------------------------------------------------------------

<script>
            function wage(){
            var kv = document.fwrite.col_wage_type.options[document.fwrite.col_wage_type.options.selectedIndex].value;
            if( kv == 'H' || kv == 'D' ) document.getElementById('wage1').style.display="";
                else document.getElementById('wage1').style.display="none";
            if( kv == 'M' || kv == 'Y' ) document.getElementById('wage2').style.display="";
                else document.getElementById('wage2').style.display="none";
            }
        </script>

----------------------------중략----------------------------------

 

<input class="inputbox" style="width:100px;" name="spt_wage_start" id="spt_wage_start" itemname="급여선택"  value="<?php echo $wage_start; ?>"><span id='wage1'>&nbsp;원&nbsp;&nbsp;~&nbsp;</span><span id='wage2'>&nbsp;만원&nbsp;&nbsp;~&nbsp;</span>

 

<input class="inputbox" style="width:100px;" name="spt_wage_end" id="spt_wage_end" itemname="급여선택"  value="<?php echo $wage_end; ?>"><span id='wage1'>&nbsp;원&nbsp;&nbsp;</span><span id='wage2'>&nbsp;만원&nbsp;&nbsp;</span>

 

--------------------------------------------------------------------

실행해보면

 

첫번째 input에서는 '원','만원'이 나타났다가 사라지는데

 

두번째 input에서는 '원','만원'이 사라지지 않고 작동을 안하네요

 

스크립트가 두번째 input에도 작동을 하려면 어떻게 해야할까요?

답변 2개

채택된 답변
+20 포인트

Copy
<script>
function wage(){
    var kv = document.fwrite.col_wage_type.options[document.fwrite.col_wage_type.options.selectedIndex].value;
    if( kv == 'H' || kv == 'D' ){
        document.getElementById('wage1').style.display="";
        document.getElementById('wage3').style.display="";
    }else{
        document.getElementById('wage1').style.display="none";
        document.getElementById('wage3').style.display="none";
    }

    if( kv == 'M' || kv == 'Y' ){
        document.getElementById('wage2').style.display="";
        document.getElementById('wage4').style.display="";
    }else{
        document.getElementById('wage2').style.display="none";
        document.getElementById('wage4').style.display="none";
    }
}
</script>

<input class="inputbox" style="width:100px;" name="spt_wage_start" id="spt_wage_start" itemname="급여선택" value="<?php echo $wage_start; ?>">
<span id='wage1'> 원  ~ </span><span id='wage2'> 만원  ~ </span>
<input class="inputbox" style="width:100px;" name="spt_wage_end" id="spt_wage_end" itemname="급여선택" value="<?php echo $wage_end; ?>">
<span id='wage3'> 원  </span><span id='wage4'> 만원  </span>

변수명이 동일하면 아마 제일 처음값만 적용될꺼에요...

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

답변에 대한 댓글 1개

대단하시네요

와! 한치의 오차도 없이 정확하게 나오네요...

너무 고맙습니다..

새해에 복 많이 받으세요

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

일단 기본적으로 html 에서는 id는 고유명사처럼

하나만 존재하시는 코딩을 해보세요

class는 복수 적용 id는 하나 적용 이라 쉽게 생각하시면 될거 같습니다.

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

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

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

로그인
🐛 버그신고