묻고답하기

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

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

 

다른 부분들은 전부 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 남기남
팩토리 검색에 대해서...  
hsound 게시판 테두리선 없애는 방법 [5] file 2008.11.07 by hsound
James Zip 파일을 풀어서 FTP로 웹서버에 올리는 경우랑 Tar 파일을 올리고 웹서버에서 풀면 [1] 2008.11.07 by 김성호501
김성호501 백색화면... [7] 2008.11.07 by 김성호501
메타포 게시판 설정 변경시 모듈이름 / 브라우저 제목 삭제 현상 file  
HX 기본 이미지 갤러리 [1] 2008.11.07 by 느까끼
MC 바리반디 레이아웃 if문에서 [2] 2008.11.07 by
박은진 세로이미지메뉴 [2] file 2008.11.07 by 느까끼
이재호275 myphpadmin 에서 특정 날짜로 수정하기..문의합니다. [1] 2008.11.07 by 이재호275
마이무라 갤러리페이지 가로 그림 숫자 [2] file 2008.11.07 by 마이무라
경인 삭제문의 [2] 2008.11.07 by in(..v)E
푸미 글쓰기가 안됩니다. [1] 2008.11.07 by 느까끼
궁금이 홈피에 사진 올리는 방법 [1] 2008.11.07 by 느까끼
마이무라 갤러리 게시판 제목색깔문제 [2] file 2008.11.07 by 마이무라
withover.com 스프링노트 연동 문제, 고수님들의 도움이 절실합니다.  
이재한744 가입폼에 추가로 입력을 받는 부분에 라디오버튼을 넣고 싶습니다. [1] file 2008.11.07 by ◀CGlink▶
차차의늑대 apm 버전 5와 같이 설치할경우 [1] 2008.11.07 by 네비™
이은호198 홈피 주소 변경했는데 메뉴에서 갱신이 안됩니다. [3] 2008.11.07 by 네비™
미눙 파폭에서 div가 밀려보이는 원인 해결해주실분.. [1] 2008.11.07 by e~세상쉼터
박은진 이미지메뉴 [1] file 2008.11.07 by 비나무
종필샘 업로드 버튼 관련... [2] 2008.11.07 by 종필샘
앤서니 제로보드 2. 대 게시판의 sql 파일 복원하려면.. [1] 2020.03.14 by BNU
김호균281 맞는 답을 해주실 때까지 - 최근게시물에 대한 질문입니다. [3] 2008.11.07 by 느까끼
묻어가는인생 게시판에 대해 질문.. [2] file 2008.11.07 by 비나무
NKing™ 게시판의 생성을 관리권한이 없어도 할 수 있게 하는 방법은 없을까요?? [1] 2008.11.07 by 비나무
표도기 엮인글로 글쓰기 [1] 2008.11.07 by 비나무
윤하♡ 음..이부분은 대체 뭐하는 부분이죠? [1] file 2020.03.14 by BNU
쿵푸팬더 백성찬님 감사드리며 질문입니다. [3] 2008.11.07 by 백성찬
Nzeus 사진 간격 띄우는 방법 알려주세요. [9] file 2008.11.07 by 마호로
실크마리 파일 첨부가 안되요 TOO!! [1] 2008.11.07 by 비나무