메뉴 건너뛰기

프로그램언어

조회 수 6092 추천 수 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단 카테고리입니다.



  1. CodeIgniter에서 PHPExcel 사용하기

  2. No Image 26Mar
    by
    2021/03/26 Views 560 

    csv파일 다루기. fputcsv(), fgetcsv()

  3. No Image 28Sep
    by
    2020/09/28 Views 1260 

    cUrl를 이용한 json 데이타 주고 받기

  4. No Image 12Jan
    by
    2023/01/12 Views 340 

    curl을 이용하여 post, get 방식 으로 데이터 전송하기

  5. No Image 26Mar
    by
    2021/03/26 Views 255 

    current() next() key() 그외 배열관련 함수

  6. No Image 26Mar
    by
    2021/03/26 Views 247 

    date() 함수의 출력 형식

  7. No Image 05Oct
    by
    2020/10/05 Views 434 

    DAUM 지도 API 좌표→주소(주소->좌표) 변환

  8. No Image 14Apr
    by
    2015/04/14 Views 21250 

    DB 내용을 화면에 출력(이중 for 문)

  9. No Image 28Sep
    by 조쉬
    2018/09/28 Views 6092 

    DB 연동 4단 셀렉트 박스

  10. No Image 27Feb
    by
    2014/02/27 Views 28338 

    DB상의 많은 파일을 한꺼번에 다운받기

  11. No Image 16Jan
    by
    2019/01/16 Views 1855 

    dddotag - 허용하지 않는 태그 걸러내기

  12. No Image 26Mar
    by
    2014/03/26 Views 19537 

    Drag/Drop HTML elements

  13. No Image 12Jan
    by
    2023/01/12 Views 229 

    ereg(), eregi(), ereg_replace(), eregi_replace(), split() 대체

  14. No Image 23Dec
    by
    2016/12/23 Views 19944 

    explode - 문자열 나눔

  15. No Image 19Jul
    by
    2018/07/19 Views 6061 

    fcm 푸시 알림 php 테스트

  16. No Image 23Dec
    by
    2016/12/23 Views 18123 

    fileatime 파일에 최종적으로 접근한 시간을 반환

  17. No Image 14Apr
    by
    2015/04/14 Views 20302 

    fopen 파일 열기

  18. No Image 27Feb
    by
    2014/02/27 Views 21088 

    FPDF - PHP로 PDF 만들기

  19. No Image 19Jul
    by
    2018/07/19 Views 5585 

    gcm 푸시 알림 php 테스트

  20. No Image 23Dec
    by
    2016/12/23 Views 17993 

    gd_info 사용 가능한 GD 라이브러리에 대한 정보를 배열로 반환

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 17 Next
/ 17

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved