글쓰기화면 이렇게도 가능할까요? (여분필드도 이용) 정보
글쓰기화면 이렇게도 가능할까요? (여분필드도 이용)
관련링크
본문
상담게시판을 만들어 보고 있는데요,,,
write.skin.php 에서 여분필드를 사용하는데,
옵션선택을 하게 해서
선택에 따라 하위로 다른 선택을 하게 하고 싶거든요....
좋은 예가 있어서
https://billing.cafe24.com/account/account_money.php
입니다...
위 주소에 가보면
신용카드 무통장 마이캐쉬 라는 라디오 버튼의 선택이 있고,
그선택에 따라서 또 선택할수 있는 메뉴들이 바뀝니다...
거기에 여분필드를 적용하려면
라디오버튼의 선택에 따라
바뀌는 하위선택 메뉴가 모두 같은 여분필드 명이 되어야 하겠죠?
복잡하고 어려운 질문인것 같습니다만,
우선 저렇게 라디오버튼 선택에 따른
하단 선택메뉴가 바뀌에 될수있는 방법과,,,
그것을 그누보드 스킨 write.skin.php 에서 적용할수있는 방법이 궁금합니다...
아시는 분의 도움을 청합니다...
PS// 쉬운설명부탁드립니다...
꾸벅~~
write.skin.php 에서 여분필드를 사용하는데,
옵션선택을 하게 해서
선택에 따라 하위로 다른 선택을 하게 하고 싶거든요....
좋은 예가 있어서
https://billing.cafe24.com/account/account_money.php
입니다...
위 주소에 가보면
신용카드 무통장 마이캐쉬 라는 라디오 버튼의 선택이 있고,
그선택에 따라서 또 선택할수 있는 메뉴들이 바뀝니다...
거기에 여분필드를 적용하려면
라디오버튼의 선택에 따라
바뀌는 하위선택 메뉴가 모두 같은 여분필드 명이 되어야 하겠죠?
복잡하고 어려운 질문인것 같습니다만,
우선 저렇게 라디오버튼 선택에 따른
하단 선택메뉴가 바뀌에 될수있는 방법과,,,
그것을 그누보드 스킨 write.skin.php 에서 적용할수있는 방법이 궁금합니다...
아시는 분의 도움을 청합니다...
PS// 쉬운설명부탁드립니다...
꾸벅~~
댓글 전체
라디오 버튼에 원클릭 이벤트로 함수를 하나 만들어서 레이어 처리를 하면 되겠지요.
<input type="radio" name="type" value="1" onclick="layer('1');" /> 1
<input type="radio" name="type" value="2" onclick="layer('2');" /> 2
<input type="radio" name="type" value="3" onclick="layer('3');" /> 3
<div id="layer1" style="display:inline;">1111111</div>
<div id="layer2" style="display:none;">2222222</div>
<div id="layer3" style="display:none;">3333333</div>
<script type="text/javascript">
function layer(id)
{
document.getElementById("layer1").style.display = "none";
document.getElementById("layer2").style.display = "none";
document.getElementById("layer3").style.display = "none";
document.getElementById("layer"+id).style.display = "inline";
}
</script>
<input type="radio" name="type" value="1" onclick="layer('1');" /> 1
<input type="radio" name="type" value="2" onclick="layer('2');" /> 2
<input type="radio" name="type" value="3" onclick="layer('3');" /> 3
<div id="layer1" style="display:inline;">1111111</div>
<div id="layer2" style="display:none;">2222222</div>
<div id="layer3" style="display:none;">3333333</div>
<script type="text/javascript">
function layer(id)
{
document.getElementById("layer1").style.display = "none";
document.getElementById("layer2").style.display = "none";
document.getElementById("layer3").style.display = "none";
document.getElementById("layer"+id).style.display = "inline";
}
</script>
유아원님 답변 감사드립니다...
제가 딱 찾던 쏘스네요~~~
위 쏘스를 가지고 열심히 연구해 봐야겠어요~~~ ^^
감사합니다~~~~
제가 딱 찾던 쏘스네요~~~
위 쏘스를 가지고 열심히 연구해 봐야겠어요~~~ ^^
감사합니다~~~~
감사합니다.
