스크립트가 작동을 안합니다
본문
다음 소스에서
------------------------------------------------------------------------------------
<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는 하나 적용 이라 쉽게 생각하시면 될거 같습니다.
