ajax 이용하여 select 값 가져오기

 

ajax를 이용하여 select의 값을 변경시켜주기.

 

select yellow_id 선택시 template_code의 값 변경

 

화면에서 select 선택시 값 변경하고 ajax로 값 가져오기

$(document).ready(function() { 

    $("#yellow_id").on("change",function(){
        var sel_one = $("#yellow_id option:selected").val();
        if(sel_one === "0"){
            $("#template_code option").remove();
            selectTerm = "<option value='0'>템플릿코드</option>";
            $("#template_code").append(selectTerm);
            return false;
        }
        
        $.ajax({
            type: 'post',
            url:'../config/kakao_get_template_info_test.php',
            data: {yellow_id:$(this)[0].value},
            success: function (data) {
                selectTerm = "<option value='0'>템플릿코드</option>"; 
                $("#template_code option").remove(); 
                $.each(JSON.parse(data) , function (key, value) {
                    selectTerm += "<option value=" + value.code + ">" + value.name + "</option>";
                }); 
                $("#template_code").append(selectTerm);
            },
            error: function () {
                console.log('error');
            }
        }); 
    });
});

 

 

query로 데이터를 json형태로 응답

file name : kakao_get_template_info_test.php

$query_str = "SELECT code, name FROM lms_kakao_template WHERE yellow_id = '$yellow_id'";
$rs = mysql_query($query_str, $LINK);
$re = toJson($rs);

echo $re;