使用ajax綁定下拉列表

 //綁定課程信息

        function changeDDl() {

            $.ajax({

                type: "post",

                url: "ChangeZsdHandler.ashx",

                data: "username=" + $.trim($("#hidUserName").val()),

                datatype: "text",

                success: function (data) {

                    if (data != "") {

                        $("#ddlKc").append(data);

                    }

                }

            });

        }

<select id="ddlKc">

</select>

 

Ajax中代碼

if (context.Request["username"] != null)

        {

            username = context.Request["username"].ToString();

            DataTable dt = kmbll.BindKc(username);

            StringBuilder sbOptione = new StringBuilder();

            sbOptione.Append("<option value='0'>  ===請?選?擇?課?程¨¬===  </option>");

            if (dt != null)

            {

                if (dt.Rows.Count > 0)

                {

                    foreach (DataRow dr in dt.Rows)

                    {

                        sbOptione.Append("<option value=\"" + dr["kmId"] + "\">" + dr["kmName"] + "</option>");

                    }

                }

            }

 

            context.Response.Write(sbOptione.ToString());

        }

        else

        {

            context.Response.Write("");

        }

        context.Response.End();