관리 메뉴

심재운 블로그

두개 select box 를 jQuery 의 getJSON 함수로 바인딩 하기(euc-kr 용) 본문

프로그래밍/jQuery

두개 select box 를 jQuery 의 getJSON 함수로 바인딩 하기(euc-kr 용)

재우니 2010. 3. 16. 13:30

<title>Untitled Page</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
    <script src="_scripts/jquery-1.2.6.js" type="text/javascript"></script>

    <script language="javascript">
        $(document).ready(function() {
            $("#ddlStates").change(function() {
                $("#ddlCities").html("");
                var StateID = $("#ddlStates > option[@selected]").attr("value");
                if (StateID != 0) {
                    $.getJSON('LoadCities.asp?StateID=' + StateID, function(cities) {
                        $.each(cities, function() {
                            //$("#ddlCities").append("<option value=" + this['ID'] + ">" + this['City'] + "</option>");

                            $("#ddlCities").append($("<option></option>").val(this['ID']).html(this['City']));

                        });
                    });
                }
            });

        });
    </script>


<td>
            

<select ID="ddlStates">
<option selected="selected" value="WriteUserName">이름</option>
<option value="Title">제목</option>
<option value="MobileContent">내용</option>
<option value="WriteDate">날짜</option>
            </select>
        </td>
        </tr>
        <tr>
        <td>Cities</td>
        <td>
            <select ID="ddlCities">
            </select>
        </td>


asp단에서는..


<%@LANGUAGE="VBSCRIPT" CODEPAGE="949"%>
<% Response.CharSet = "euc-kr" %> 
<%
StateID = request("StateID")
If StateID = "Title" then
response.write "[{""City"":""Chennai"",""ID"":""1""},{""City"":""Coimbatore"",""ID"":""2""}]"
Else
response.write "[{""City"":""권판진"",""ID"":""1""},{""City"":""바부팅이"",""ID"":""2""}]"
End If 
%>



두개 파일을 ANSI 로 저장해서 실행해야 한다.



0 Comments
댓글쓰기 폼