<div> 또는 <input> 의 중복사용에 대해서 여쭈어봅니다. 정보
<div> 또는 <input> 의 중복사용에 대해서 여쭈어봅니다.본문
<div> 또는 <input> 의 중복사용에 대해서 여쭈어봅니다.
<div id='div_1'>
첫번째 input <input type="text" id="input_id" value="value_1">
</div>
<div id='div_2' style='display:none;'>
두번째 input <input type="text" id="input_id" value="value_2">
</div>
<input> 의 id 는 동일하게 사용합니다.
<div> 의 id는 다릅니다.
div_1의 disabled 또는 display 값을 이용해서 div_1 가 사용중일때는 첫번째 <input>값을
사용하고싶고,
div_1의 속성이 사용중이지않고 div_2의 상태가 사용중일때 두번째 <input> 값을 사용하고싶은데... 아무리 테스트해도 되질 않네요.....
방법이있습니까? 아니면 다른 꽁수가 있을지요.....
추천
0
0
댓글 2개
당연히 안됩니다.
id 는 고유해야 하는데 2개가 있으니 오류가 나는건 당연하고..
단순히 div 를 보이거나 숨기기 때문에 input 박스의 id가 없어지는게 아닙니다.
아주 잘못된 생각을 갖고 계시네요. ;;
바른예)
<div id='div_1' style='display:block;'>
첫번째 input <input type="text" id="input_id[0]" value="value_1">
</div>
<div id='div_2' style='display:none;'>
두번째 input <input type="text" id="input_id[1]" value="value_2">
</div>
<input type=button onclick="js_check('div_1');" value='1번 div'>
<input type=button onclick="js_check('div_2');" value='2번 div'>
<script type="text/javascript">
<!--
function js_check(did)
{
if(document.getElementById(did).style.display == 'block'){
document.getElementById('input_id[0]').value.....
처리...
}else{
document.getElementById('input_id[1]').value...
처리.........
}
}
//-->
</script>
id 는 고유해야 하는데 2개가 있으니 오류가 나는건 당연하고..
단순히 div 를 보이거나 숨기기 때문에 input 박스의 id가 없어지는게 아닙니다.
아주 잘못된 생각을 갖고 계시네요. ;;
바른예)
<div id='div_1' style='display:block;'>
첫번째 input <input type="text" id="input_id[0]" value="value_1">
</div>
<div id='div_2' style='display:none;'>
두번째 input <input type="text" id="input_id[1]" value="value_2">
</div>
<input type=button onclick="js_check('div_1');" value='1번 div'>
<input type=button onclick="js_check('div_2');" value='2번 div'>
<script type="text/javascript">
<!--
function js_check(did)
{
if(document.getElementById(did).style.display == 'block'){
document.getElementById('input_id[0]').value.....
처리...
}else{
document.getElementById('input_id[1]').value...
처리.........
}
}
//-->
</script>
퍼가요 ㅎ