<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> 값을 사용하고싶은데... 아무리 테스트해도 되질 않네요.....
방법이있습니까? 아니면 다른 꽁수가 있을지요.....
댓글 2개
sjsjin
15년 전
당연히 안됩니다.
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>
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 199717 | 2일 전 | 4 | ||
| 199716 |
느긋한카키쿠키
|
2일 전 | 2 | |
| 199715 |
현대적인무질서한까마귀
|
2일 전 | 4 | |
| 199714 | 2일 전 | 9 | ||
| 199713 | 3일 전 | 16 | ||
| 199712 | 2주 전 | 244 | ||
| 199711 |
안졸리니졸리니
|
2주 전 | 121 | |
| 199710 |
 glitter0gim |
2주 전 | 137 | |
| 199709 |
glitter0gim |
2주 전 | 76 | |
| 199708 | 3주 전 | 90 | ||
| 199707 | 1개월 전 | 223 | ||
| 199706 | 1개월 전 | 26 | ||
| 199705 | 1개월 전 | 15 | ||
| 199704 | 1개월 전 | 32 | ||
| 199703 | 1개월 전 | 41 | ||
| 199702 | 1개월 전 | 80 | ||
| 199701 | 1개월 전 | 95 | ||
| 199700 | 1개월 전 | 69 | ||
| 199699 | 1개월 전 | 71 | ||
| 199698 | 1개월 전 | 117 | ||
| 199697 | 1개월 전 | 83 | ||
| 199696 |
 Gothrock |
1개월 전 | 230 | |
| 199695 | 1개월 전 | 71 | ||
| 199694 | 1개월 전 | 98 | ||
| 199693 | 1개월 전 | 166 | ||
| 199692 | 1개월 전 | 167 | ||
| 199691 |
 샬롬이아빠 |
1개월 전 | 140 | |
| 199690 | 1개월 전 | 235 | ||
| 199689 | 1개월 전 | 144 | ||
| 199688 | 1개월 전 | 172 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기