클릭할 때 폼 입력 내용이 바뀌게 할려면 어떻게 해야하나요?
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 2개
그것을 클릭하면 아래 입력하는 폼 내용이 바뀌게 하는것입니다.
<script>
function showTable(val) {
a = document.getElementById("div1");
b = document.getElementById("div2");
c = document.getElementById("div3");
if(val=="div1") {
a.style.display="inline";
b.style.display="none";
c.style.display="none";
}
else if(val=="div2"){
a.style.display="none";
b.style.display="inline";
c.style.display="none";
}
else{
a.style.display="none";
b.style.display="none";
c.style.display="inline";
}
}
</script>
<a href="#" onClick="showTable('div1')">div2</a>
<a href="#" onClick="showTable('div2')">div2</a>
<a href="#" onClick="showTable('div3')">div3</a>
<div id="div1" style='display:inline'>
<table>
<tr>
<td>div1
</td>
</tr>
</table>
</div>
<div id="div2" style='display:none'>
<table>
<tr>
<td>div2
</td>
</tr>
</table>
</div>
<div id="div3" style='display:none'>
<table>
<tr>
<td>div3
</td>
</tr>
</table>
</div>
이래저래 서핑해서 이 정보를 찾았는데, 테스트를 해 보니 맞는것 같기도 한데..
여분필드를 사용해서 입력을 하면 어떤식으로 바뀌어야할지를 모르겠네요..