메뉴 건너뛰기

프로그램언어

조회 수 6070 추천 수 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. No Image 08Jan
    by
    2019/01/08 Views 1595 

    내 계정 용량 체크

  2. No Image 08Jan
    by
    2019/01/08 Views 1222 

    사업자번호로 사업자 종류알기

  3. No Image 08Jan
    by
    2019/01/08 Views 1391 

    디비내용을 엑셀 파일로 다운로드 시키는 방법

  4. No Image 08Jan
    by
    2019/01/08 Views 1429 

    php/asp에서 가상번호 부여와 가상번호를 거꾸로 적용

  5. No Image 08Jan
    by
    2019/01/08 Views 1803 

    php에서 체크박스 선택한 것 보여주기

  6. No Image 08Jan
    by
    2019/01/08 Views 1624 

    배열을 테이블로 만들기

  7. No Image 08Jan
    by
    2019/01/08 Views 1087 

    include 와 namespace

  8. No Image 08Jan
    by
    2019/01/08 Views 1226 

    파일

  9. No Image 08Jan
    by
    2019/01/08 Views 1214 

    디렉토리의 제어

  10. No Image 27Oct
    by
    2018/10/27 Views 3539 

    PHP 문자열에서 검색어를 기준으로 앞뒤로 일정 길이만큼 자르기

  11. No Image 27Oct
    by
    2018/10/27 Views 4761 

    PHP 랜덤확률 구하기

  12. No Image 27Oct
    by
    2018/10/27 Views 3502 

    PHP 소켓을 이용하여 URL의 응답결과를 문자열로 받기

  13. No Image 27Oct
    by
    2018/10/27 Views 4121 

    PHP 랜덤 문자열 생성

  14. PHP XML 문서파싱 (SAX 방식 , DOM 방식)

  15. No Image 27Oct
    by
    2018/10/27 Views 3536 

    PHP split()와 explode()의 차이점

  16. No Image 27Oct
    by
    2018/10/27 Views 4091 

    PHP eregi가 빠를까, strpos가 빠를까?

  17. No Image 27Oct
    by
    2018/10/27 Views 3785 

    PHP 확장 모듈을 이용한 C 라이브러리 사용

  18. No Image 27Oct
    by
    2018/10/27 Views 3259 

    자바스크립트 이스케이프 문자열을 PHP로 디코딩 하기

  19. No Image 28Sep
    by
    2018/09/28 Views 5286 

    이미지 땡겨와서 출력하기

  20. No Image 28Sep
    by 조쉬
    2018/09/28 Views 6070 

    DB 연동 4단 셀렉트 박스

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved