메뉴 건너뛰기

프로그램언어

조회 수 6072 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

HTML 부분

<form id="fm" name="fm" method="get" action="list.php">
    <table border="0" cellpadding="0" cellspacing="0">
        <tbody><tr>
            <td>
                <select id="sel1" name="sel1" onchange="update_cate1()" style="width:140px;"><!--1차-->
                    <option value="">--메이커--</option>
                <!--1단은 db에서 목록 받아와서 뿌려줌-->
                <!--?
                                while($sbvrow=mysql_fetch_array($sbvlist))
                {
                echo "<option value='$sbvrow[category]'---->$sbvrow[catnm]";
 
                }
                ?>
 
 
                </select>
                 
            </td>
            <td id="catetd2" name="catetd2" style="padding-left:3px;">
<!--sel2 셀렉트박스 들어옴-->
            </td>
        </tr>
        <tr>
            <td id="catetd3" name="catetd3" style="padding-top:5px;">
<!--sel3 셀렉트박스 들어옴-->
            </td>
 
            <td id="catetd4" name="catetd4" style="padding-top:5px;padding-left:3px;">
<!--sel4 셀렉트박스 들어옴-->
            </td>
        </tr>
    </tbody></table>
</form>

JS 부분

//-----------------------1단-----------------------------    
    function update_cate1()
    {
        var cateval = $('#sel1').attr('value');
        $.get('get_cate.php?cateval=' + cateval,show_cates1);
         
    }
 
    function show_cates1(res){
    $('#catetd2').html(res);
    $('#catetd3').html("");
    $('#catetd4').html("");
 
    }
//-----------------------1단-----------------------------
//-----------------------2단-----------------------------
    function update_cate2()
    {
        var cateval = $('#sel2').attr('value');
        $.get('get_cate2.php?cateval=' + cateval,show_cates2);
         
    }
    function show_cates2(res2){
    $('#catetd3').html(res2);
    $('#catetd4').html("");
 
    }
//-----------------------2단-----------------------------
//-----------------------3단-----------------------------
function update_cate3()
    {
        var cateval = $('#sel3').attr('value');
        $.get('get_cate3.php?cateval=' + cateval,show_cates3);
    }
    function show_cates3(res3){
    $('#catetd4').html(res3);
    }
//-----------------------3단-----------------------------


get_cate1.php, get_cate2.php, get_cate3.php의 소


$sbvconn=mysql_connect($db_host,$db_user,$db_pass); 
    mysql_select_db($db_name, $sbvconn);
     
    //카테고리 구분자 퍼옴  
    //  ex)카테고리이름
    //  제조사 Acrua -> 년도 2011 -> 모델명 hyhf05 -> 기타 추가품 HKI005
    //  001 -> 001002 -> 001002001 -> 001002001004
 
    $cateval = $_REQUEST['cateval'];
    $cateval_len=strlen($cateval);
     
    $sbvsql = "셀렉트 박스에 넣을 목록 쿼리";
//ex)"SELECT * FROM category where CHARACTER_LENGTH(category)=9 and LEFT(category,6)='".$cateval."' order by sno";
    $sbvlist=mysql_query($sbvsql, $sbvconn);
    $sbvnum = mysql_num_rows($sbvlist);
    $sbvnum=$sbvnum+1;
//결과 없을경우 셀박스를 띄우기 않음
if($sbvnum>1){
//아래 셀렉트 박스 id 와 네임을 2단(get_cate2.php)의 경우 sel3 3단(get_cate3.php)의 경우 sel4
echo "<select id="sel2" name="sel2" style="width:140px" onchange="update_cate2()">";
    echo "<option value="\"\"">--년도--</option>";
    while($sbvrow=mysql_fetch_array($sbvlist)){
    echo"<option value="$sbvrow[category]">$sbvrow[catnm]</option>";
    $i++;
    }
    echo "</select>";
}else{
 
}

셀렉트 박스 목록을 클릭시 마다 해당 카테고리의 목록을 db에서 목록을 불러 와서 추가된 셀렉트박스에 띄워줍니다.


활용하기에 따라 무한 반복 가능합니다

DB에 넣을 카테고리의 항목은 번호,카테고리구분자,카테고리이름 필드의 형태가 좋구여.

 

해당예제는 4단 카테고리입니다.



List of Articles
번호 제목 날짜 조회 수
340 리다이렉션(페이지 이동)의 3가지 방법, location.href 2017.03.07 40135
339 [PHP] 게시판 글쓰기와 이미지 파일 DB 저장 및 불러오기 예제 2017.02.19 35886
338 $_SERVER 환경변수 2016.09.21 33237
337 PHP에서 PDF파일 생성하기 2014.02.27 32777
336 PHP에서 자바스크립트 값 가져오기 2014.02.27 31635
335 Class를 이용한 DB Connection 소스 (Oracle, MyS 2014.02.27 30503
334 htmlentities <-> html_entity_decode (엔티티 2014.04.12 30410
333 무조건 알아야 할 PHP 속도 테스트 14 가지 2014.02.27 30280
332 PHP로 Excel 파일 만들기... 2014.02.27 30257
331 Text를 GD 이미지로 뿌리기 2014.02.27 29813
330 php 엑셀 다운로드 구현 2017.03.07 29786
329 글내용 이미지 리사이징 2014.02.27 29446
328 쿠키변수받기 2014.02.27 29211
327 Record Drag/Drop Position 2014.02.27 29201
326 간단한 PHP 파일 업로드, 다운로드 구현 2017.03.06 28547
325 DB상의 많은 파일을 한꺼번에 다운받기 2014.02.27 28332
324 GD를 이용한 스팸성 게시물 차단을 위한 보안 단어 입력 예제 2014.02.27 26945
323 주간날짜 뽑아오기 2014.02.27 26731
322 전화번호에 하이픈(-) 넣기 2015.04.14 26622
321 PHP 변수전달 GET, POST 2015.04.14 26566
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 17 Next
/ 17

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved