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

ajax 3차 셀렉트문 질문드립니다. 채택완료

aaab 4년 전 조회 2,206

</p>

<p><script type="text/javascript" src="<a href="http://wdreamdc.com/js/jquery-1.8.3.min.js"></script>" target="_blank" rel="noopener noreferrer">http://wdreamdc.com/js/jquery-1.8.3.min.js"></script></a>

<div class="adressWrap">

        <select name="wr_4" class="y1" id="selectID">

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

<!-- 사용할데이터 불러오기 -->

        <?

        $addr_sql       = "select * from $table where cate2_code='00' and cate3_code='00'  order by snum asc";

        $addr_result    = $DB->dbResult($addr_sql);

        while($addr_row = mysql_fetch_array($addr_result[result])){?>

            <option value="<?=$addr_row[cate1_code]?>"><?=$addr_row[cate_name]?></option>

        <?}?>

        </select>

        <select name="wr_6" class="y2" id="selectID2" required>

        </select></p>

<p>        <select name="wr_7" class="y3" id="selectID3" required>

        </select>

</div></p>

<p><script>

$(document).ready(function(){

        $('#selectID').on('change', function(){ 

            var path  = window.location.href;

            // alert(path+"theme/basic/ajaxPHP.php");

            $.post("./ta.php",

                {optVal:this.value}, </p>

<p>                function(data) {

                    $('#selectID2').empty();

                    $('#selectID2').append('<option value="">-선택-</option>');

                    $('#selectID2').append(data);

                });

        });</p>

<p>        $('#selectID2').on('change', function(){ 

            var path  = window.location.href;

            // alert(path+"theme/basic/ajaxPHP.php");

            $.post("./ta.php",

                {optVal:this.value, optVal2:this.value}, </p>

<p>                function(data2) {

                    $('#selectID3').empty();

                    $('#selectID3').append('<option value="">-선택-</option>');

                    $('#selectID3').append(data2);

                });

        });</p>

<p>

});

</script></p>

<p> </p>

<p>

 

" ta.php " 

</p>

<p><?

header('Content-Type: text/html; charset=euc-kr');

include    "../include/db_connect.html";    $DB = new DB_Connect();

include    "../include/Config.html";</p>

<p>$ajax = $_POST['optVal'];

$ajax2 = $_POST['optVal2'];</p>

<p>$option="";

$option2="";</p>

<p>

$sql="select * from bland_pcategory_kbfish where cate1_code='".$ajax."' and cate2_code<>'00' and cate3_code='00'";

// echo $sql;

$result    = $DB->dbResult($sql);

    while ($row = mysql_fetch_array($result[result]))

    {

        // echo $row['co_gu'];

        $option=$option.'<option value="'.$row['cate1_code'].'">'.$row['cate_name'].'</option>';

    }</p>

<p>echo $option;</p>

<p>

$sql2 = "select * from talbe where cate1_code='".$ajax."' and cate2_code='".$ajax2."' and cate3_code<> '00'";

//echo $sql2; 

$result2    = $DB->dbResult($sql2);

    while ($row2 = mysql_fetch_array($result2[result]))

    {

        $option2=$option2.'<option value="'.$row2['cate2_code'].'">'.$row2['cate_name'].'</option>';

    }

echo $option2;</p>

<p>?></p>

<p>

 

소스는 이러합니다..

 

1차 셀렉트박스 변경시 1차메뉴에 맞는 2차메뉴는 동적으로 변하는데 

 

1차 선택후 2차 메뉴 선택시 첫 선택에 대한 3차메뉴만 나오고 

2차메뉴 변경시 동적으로 변하지 않는데 어떤게 잘못된건지 감이안오는데 어떻게 정리를 해야할까요?

 

 

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

답변 1개

채택된 답변
+20 포인트

두번째 셀렉트 선택시

</p>

<p>{optVal:this.value, optVal2:this.value},</p>

<p>

이부분 값은  두번째 선택에 대한 값이 1번 2번에 들어가서 그런거 아닐가요

첫번째값은 첫번째 셀렉트 값으로 변경해보세요

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

답변에 대한 댓글 1개

a
aaab
4년 전
넵 저부분에서 2차셀렉 메뉴 변경시 같은값으로 결과페이지에 전송되네요

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

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

로그인