메뉴 건너뛰기

프로그램언어

조회 수 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
번호 제목 날짜 조회 수
220 array_slice 배열의 일부를 추출 2016.12.23 20775
219 [PHP] 게시판 글쓰기와 이미지 파일 DB 저장 및 불러오기 예제 2017.02.19 35886
218 PHP에서 데이터를 엑셀(Excel)로 저장 2017.02.19 18428
217 파일업로드 2017.02.19 19352
216 phpexcel을 이용한 PHP로 엑셀파일 읽기와 생성 file 2017.03.06 22787
215 PHPExcel 클래스를 이용해 Excel 2007~2010 의 xlsx 파일 읽기 (100만 행 까지) 2017.03.06 21695
214 CodeIgniter에서 PHPExcel 사용하기 file 2017.03.06 20289
213 PHP로 엑셀 자료 MySQL에 넣기 2017.03.06 17875
212 메일주소의 골뱅이를 그림처리하기 2017.03.06 15508
211 오류 메시지 출력(alert) 및 페이지 이동(refresh) 관련 2017.03.06 18568
210 ajax refresh 시키기(자동리플래쉬) with php file 2017.03.06 23185
209 Ajax로 구연한 실시간 서버시간출력 file 2017.03.06 21031
208 지엠 웹에디터 v1.1 (저작권표시없음)| file 2017.03.06 17109
207 text파일에 한줄씩 내용추가하기 2017.03.06 17535
206 PHP 만년달력 소스 2017.03.06 17063
205 PHP EXCEL export시 시트 이름 지정하여 여러 시트에 데이터 쓰기 2017.03.06 18266
204 PHP의 유동변수!? - $a1 ~ $a2 같은 형식의 변수를 반복문 돌릴때... 2017.03.06 16610
203 PHP에서 Excel 파일을 만들 수 있는 PHPExcel file 2017.03.06 17112
202 php로 db 컨트롤 1 2017.03.06 15769
201 php 문자열관련 함수 2017.03.06 15580
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 17 Next
/ 17

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved