묻고답하기

어떻게 하다 보니 방명록을 개조한 신청서가 완성이 되어져 가고 있습니다.

이제 마지막 관문에 도달하였는데요,

 

다른 부분들은 전부 board 모듈의 확장변수를 통해 등록했지만,

 

한부분은 연동 셀렉트 박스가 필요하여,

 

자바스크립트를 통해 선택 가능하게 만들었습니다.

 

소스는 아래와 같습니다.

 

게시판관리에 게시판정보에

 

상단내용에 입력할 내용

 

============================================================================================

 

<script type="text/javascript">
 var selectB1 = [{"text":"스팀살균 손세차 - 15,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 90,000원","value":"B"},{"text":"특수코팅 - 90,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 170,000","value":"D"},{"text":"월세차 - 50,000원","value":"D"}];
 var selectB2 = [{"text":"스팀살균 손세차 - 20,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 110,000원","value":"B"},{"text":"특수코팅 - 110,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 200,000","value":"D"},{"text":"월세차 - 70,000원","value":"D"}];
 var selectB3 = [{"text":"스팀살균 손세차 - 25,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 130,000원","value":"B"},{"text":"특수코팅 - 130,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 220,000","value":"D"},{"text":"월세차 - 90,000원","value":"D"}];
 var selectB4 = [{"text":"스팀살균 손세차 - 27,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 140,000원","value":"B"},{"text":"특수코팅 - 140,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 250,000","value":"D"},{"text":"월세차 - 100,000원","value":"D"}];
var selectB5 = [{"text":"스팀살균 손세차 - 30,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 150,000원","value":"B"},{"text":"특수코팅 - 150,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 270,000","value":"D"},{"text":"월세차 - 110,000원","value":"D"}];
var selectB6 = [{"text":"스팀살균 손세차 - 35,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 190,000원","value":"B"},{"text":"특수코팅 - 220,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 330,000","value":"D"},{"text":"월세차 - 130,000원","value":"D"}];
var selectB7 = [{"text":"스팀살균 손세차 - 25,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 150,000원","value":"B"},{"text":"특수코팅 - 150,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 270,000","value":"D"},{"text":"월세차 - 90,000원","value":"D"}];
var selectB8 = [{"text":"스팀살균 손세차 - 30,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 170,000원","value":"B"},{"text":"특수코팅 - 170,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 300,000","value":"D"},{"text":"월세차 - 110,000원","value":"D"}];
var selectB9 = [{"text":"스팀살균 손세차 - 35,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 190,000원","value":"B"},{"text":"특수코팅 - 190,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 330,000","value":"D"},{"text":"월세차 - 130,000원","value":"D"}];
var selectB10 = [{"text":"스팀살균 손세차 - 40,000원","value":"A"},{"text":"실내클리닝 + 스팀살균 외부세차 - 210,000원","value":"B"},{"text":"특수코팅 - 210,000원","value":"C"},{"text":"실내클리닝+특수코팅 - 350,000","value":"D"},{"text":"월세차 - 150,000원","value":"D"}];
 

 function ChangeSelectB(selectA)
 {
  var value = selectA.value;
  var selectBArray = eval("selectB"+value);

 

// selectB 셀렉트 박스에 들어갈 변수를 가져올 수 있다.

// eval 은 변수이름으로 객체를 가져오는 용도로 사용.

  try
  {


   // DOM 방식을 사용하여 selectB 셀렉트 박스 객체를 얻어온다.

   // id를 사용해 가져오기 위해서 getElementById 메소드를 사용
   var oSelectB = document.getElementById("selectB");


   //selectB 셀렉트 박스의 하위 엘리멘트를 삭제한다.
   while(0 < oSelectB.childNodes.length)
   {
    oSelectB.removeChild(oSelectB.firstChild);
   }

   var option = null;
   // 새로운 option을 selectB 셀렉트 박스에 추가해 준다.
   for (var index=0; index < selectBArray.length ;index++ )
   {
    option = document.createElement("option");
    option.value = selectBArray[index].value;
    // TextNode를 생성하여 option 객체의 하위 객체로 추가해 준다.
    option.appendChild(document.createTextNode(selectBArray[index].text));
    //  selectB 셀렉트 박스에 option 객체를 추가한다.
    oSelectB.appendChild(option);
   }
  }
  catch (e)
  {
   alert(e.description);
  }
 }
</script>

 

 

=======================================================================

 

출력할 부분에 입력 내용.

 

<select name="selectA" id="selectA" onchange="ChangeSelectB(this);" >
 <option value="1" selected = "selected">경차</option>
 <option value="2">소형차</option>
 <option value="3">중형차</option>
 <option value="4">중대형차</option>
 <option value="5">대형차,SUV</option>
 <option value="6">승합차(7인승)</option>
 <option value="7">소형수입차</option>
 <option value="8">중형수입차</option>
 <option value="9">대형수입차,SUV</option>
 <option value="10">수입승합차</option>
 
</select>
<select name="selectB" id="selectB" style="rtl">
 <option value="A">스팀살균 손세차 - 15,000원</option>
 <option value="B">실내 크리닝+스팀살균 외부세차- 90,000원</option>
 <option value="C">특수코팅 - 90,000원</option>
 <option value="D">실내크리닝+ 특수코팅 - 170,000원</option>
 <option value="E">월세차 - 50,000원</option>
</select>

 

 

 

 

 

 

위 소스가 작동은 잘 합니다.

 

다만... 제가 너무 초초보라서 selectB에서 받은 값을 제 DB에 저장을 해야되는데.... 할 줄을 모르겠습니다.

 

아무것도 모르는 초초보적 생각으로 구상해본 연동방법은 다음과 같습니다.

 

확장변수C를 만든다.

 

글 쓰기할때는 확장변수C 부분을 숨켜 보이지 않게 한다.

 

글 등록 할때 selectB 에서 받은 값을 확장변수C에 대입하여 저장한다.

 

글 볼때엔 확장변수C를 정상적으로 보여지게 한다.

 

 

저렇게 할 수 있을까요?

 

할 수 있다면 어떻게 해야될까요?

 

만약 안된다면 어떠한 방식으로 선택된 selectB의 값을 DB에 저장할 수 있을까요??

 

너무 초보라서 이상한 질문만 잔득 드리는것 같아 죄송합니다,

 

열심히 공부는 하고 있는데 워낙 이분야에 무지한지라. .ㅠㅠ

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
스박 url 설정에 iframe 코드를 넣었는데... 홈피가 안떠서 수정도 할수가 없어요.  
조병희933 aix와 솔라리스에서도 작동을 하는지요?  
이윤교168 레이아웃 편집과 관련해서  
제이메이크 궁금한게 있어서 글을 남깁니다. 캐쉬에서 썸네일 생성 안되게 막는법 아시는 분!!!  
whitemind 회원가입 폼이 이상합니다. 닉네임이 없는데 닉네임을 입력하라네요. [1] 2012.01.19 by miso777
miso777 image Magick 설치시 서버는 뭘 말하는건가요.?  
박민하323 자바스크립트 관련 질문 몇가지 드립니다^^. [2] 2012.01.19 by 송동우
아람이방 제발 누구든 답변좀 해주세요 ㅠㅠ [2] 2012.01.18 by 소규모아카시아밴드
소규모아카시아밴드 사이트가 자동으로 망가집니다. [3] file 2012.01.18 by sejin7940
민현류 rss ? [1] 2012.01.18 by 천재ㅐ재
모듈을 만들었는데 숫자가 아닌 변수들 전달이 안됩니다;  
이정현307 xe 1.5 로 업그레이드 하고나서 링크 에러 ㅠ.ㅠ [1] 2012.01.18 by 송동우
키스미베이베 송동우님 z-index값 봐주실래요ㅜㅜ? [1] 2012.01.18 by 송동우
이정현307 ftp로 업데이트 도중 Fatal error 발생 ㅠ.ㅠ [1] 2012.01.18 by 이정현307
holyreign 카테고리(분류)별 공지 뛰우는 방법좀 알려주세요. [1] 2012.01.18 by 송동우
조용바 홈페이지를 XE 최신버전으로 업데이트 하고 싶습니다 [1] 2012.01.18 by 송동우
키스미베이베 고소분들은 바로 적으실만한 질문 하나드릴꼐요 [2] 2012.01.18 by 송동우
이도이도 회원가입폼의 일부분이 번역이 안됩니다ㅠㅠ제발도와주세요 [1] 2012.01.18 by 송동우
이도이도 회원가입시 닉네임을 영어로만 가능하게 하고싶습니다. [1] 2012.01.18 by 송동우
khsskyblue [초보] 사이트맵 관련 질문 좀 도와 주세요 [1] 2012.01.18 by 송동우
주유발 첨부파일을 올리면 파일명이 영문과 숫자로 바뀝니다. [2] file 2012.01.18 by 주유발
개발해보쟈 syncModuleToSite()함수에 대해서 알고 싶습니다. ^^ [1] 2012.01.18 by SMaker
rhdesign 송동우님 / 게시판 리스트에 확장 변수 출력하기 [1] 2012.01.18 by 송동우
개발해보쟈 exec_xml 말인데요... [1] 2012.01.18 by 개발해보쟈
정은미915 Unknown column 'is_secret' in 'field list 에러 확인좀부탁드려요 [1] file 2012.01.18 by 송동우
윤씨 1.5.1.2 가입일자 정렬 안됩니다요~ [1] 2012.01.18 by 송동우
laxer 아이디 비밀번호 찾기 login_form 수정.. [3] 2012.01.18 by 송동우
후이리 게시판 글쓰기 오류  
expressing 홈페이지 팅긴형상 관련 질문 [1] 2012.01.18 by 착한악마
이도이도 이 사이트처럼 외부로그인을 달고싶은데 도움 요청합니다.