스크립트가 작동을 안합니다

스크립트가 작동을 안합니다

QA

스크립트가 작동을 안합니다

본문

다음 소스에서

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

<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'> 원  ~ </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='wage1'> 원  </span><span id='wage2'> 만원  </span>

 

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

실행해보면

 

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

 

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

 

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

이 질문에 댓글 쓰기 :

답변 2


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

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

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 159
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT