선택사항별로 리스트가 뜨게할려면 어떻게 해야하나요?
본문
만약 wr_1에는 서울 wr_2에는 명동, 강남
wr_3에는 경기도 wr_4에는 가평, 의정부
가있고 글쓰기에는 선택창이 두개가 있습니다
첫번째 창에는 서울,경기도가 두번째 창에는 서울을 선택하면 명동,강남 / 경기도를 클릭하면 가평,의정부
가 나오도록 할려면 어떻게 해야하나요?
view.skin에도 만찬가지로 선택한되로 떠야하고
한수 좀 가르쳐주십시요
답변 2
지금 다시 봐도 질문이 애매하네요
선택 사항별로 리스트가 뜨게...
창이 두개
값은 1row의 값..
조건이 이런상황이에요
질문을 정리해서 다시해보세요
wr_1~wr_4는 그누보드게시판의 필드값이고
창이라고 표현하신건
<select > 태그를 말씀하시는건가요?
아니면 진정 웹브라우저 창을 말씀하시는건가요?
내용으로 보면 <select 태그 같은데>
그보다 더 근본적인건
데이타를 어떻게 다루실지가 상당히 애매합니다.
동급레벨의 데이타는 한 필드로 관리하는게 맞습니다.
레코드별로 다른 데이타가 구성될테니까요
즉, Wr_1 에는 서울 또는 경기도
Wr_3 에는 명동, 강남, 의정부 가평
과 같으 값이 들어가는 전제가 맞지 않을까 싶습니다.
위의 질문과 같이 데이타를 구성하신경우에
어떻게 보이는것보다 다 뿌리고 감추면됩니다.
그리고, 선택시 필요한부분만 보이도록
javascript로 제어하는게 가장 빠르고 쉬울거 같습니다.
select태그로 가정하고
<select id="wr_1" name="wr_1" onchange="f_choice(this);">
<option value="서울">서울</option>
<option value="경기도">경기도</option>
</select>
<select id="wr_3" name="wr_3" style="display:none">
<option value="명동">명동</option>
<option value="강남">강남</option>
</select>
<select id="wr_4" name="wr_4" style="display:none">
<option value="가평">가평</option>
<option value="의정부">의정부</option>
</select>
<script>
function f_choice(obj) {
var wr3 = document.getElementById("wr_3");
var wr4 = document.getElementById("wr_4");
wr3.style.display="none";
wr4.style.display="none";
if (obj.value=="서울")
wr3.style.display="block";
else if (obj.value=="경기도")
wr3.style.display="block";
}
</script>