테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 DB 연동하여 얻은 값을 계산 채택완료

Cobo 4년 전 조회 3,502

안녕하세요.. 

웹프로그래밍 입문 한지 얼마 안된 초 뉴비 입니다..

 

그누보드 이용하여 새로운 Custom page를 만들었고 (내용관리),

해당 page에서는 계산기(?) 기능을 사용 하려 합니다.

 

1. main category 에 따라, subcategory 및 sub2category 값이 다르게 출력

 

</p>

<p><select name="mainCategory" style="width:150px"> </p>

<p><option value="">선택</option>

</select></p>

<p> </p>

<p><select name="subCategory" style="width:150px">

                    <option value="">선택</option>

                </select></p>

<p>

<select name="sub2Category" style="width:150px">

                        <option value="">선택</option>

                    </select></p>

<p>

 

2. 아래와 같이 새롭게 페이지를 불러오는게 아닌 실시간으로 Select Option 박스에서 

   maincategory 선택 값에 따라 subcategory 및 sub2category 값이 출력 되도록 작성 중입니다.

 

</p>

<p>    <script type="text/javascript"></p>

<p>    $(document).ready(function() {</p>

<p>        var mainCategoryArray = new Array();

        var mainCategoryObject = new Object();</p>

<p> </p>

<p>        mainCategoryObject = new Object();

        mainCategoryObject.main_category_id = "1";

        mainCategoryObject.main_category_name = "미국";

        mainCategoryArray.push(mainCategoryObject);</p>

<p> </p>

<p>        mainCategoryObject = new Object();

        mainCategoryObject.main_category_id = "2";

        mainCategoryObject.main_category_name = "독일";

        mainCategoryArray.push(mainCategoryObject);</p>

<p> </p>

<p>        mainCategoryObject = new Object();

        mainCategoryObject.main_category_id = "3";

        mainCategoryObject.main_category_name = "영국";

        mainCategoryArray.push(mainCategoryObject);</p>

<p> </p>

<p>        var subCategoryArray = new Array();

        var subCategoryObject = new Object();</p>

<p> </p>

<p>        subCategoryObject = new Object();

        subCategoryObject.main_category_id = "1";

        subCategoryObject.sub_category_id = "1"

        subCategoryObject.sub_category_name = "포도"

        subCategoryArray.push(subCategoryObject);</p>

<p> </p>

<p>        subCategoryObject = new Object();

        subCategoryObject.main_category_id = "1";

        subCategoryObject.sub_category_id = "2"

        subCategoryObject.sub_category_name = "사과"

        subCategoryArray.push(subCategoryObject);</p>

<p>

 

요런식으로 maincatgory 및 subCategory의 항목 갯수의 경우 작아서 문제가 되지 않는데,

문제는 sub2Category 수가 어마 어마 하다는 겁니다..

 

하여, 최종적으로는 DB에 필요 정보 (이름, 가격) 등을 저장 해두고, Select box 목록에 DB에 저장 된 값을 뿌려주고, Selected 된 값을 호출 하여 별도 '계산' 이라는 Button 을 클릭 하여 결과 창에 뿌려주고 싶습니다.

 

질문 사항으로는 위에 문의 드린 내용과 같이 : 

 

1. 내에서 DB 값을 가져와  maincategory 값에 따라, DB에 저장된 값을 별도 적용 하는 방법

 

2. 불러온 값을 Selected 하여 계산기 만드는 법 

 

 

이틀 동안 이런 질문 글을 올려도 되나 하고 고민 고민 하다가 글 올려봅니다.

 

바쁘신 시간 내주어 답변 주신 모든 분들께 감사의 인사 먼저 드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

답변에 대한 댓글 1개

C
Cobo
4년 전
답변 감사합니다! AJAX 관련해서 공부를 더 해야겠군요!
배우면 배울수록 어렵습니다..ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

C
Cobo
4년 전
좋은 정보 감사합니다..ㅠㅠ 마르스님과 같이 두 분 다 채택 드리고 싶은데 한 분 밖에 못드려 아쉽습니다! 좋은 정보 글 감사합니다! 좋은 하루 되세요~!

댓글을 작성하려면 로그인이 필요합니다.

웹솔드
4년 전

ajax json 을 이용하여 만드시는게 좋습니다.^^*

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

C
Cobo
4년 전
답변 감사합니다~! AJAX JSON을 좀더 공부해서 다시 시도 해보겠습니다~ 좋은 하루 되세요~!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인