ajax做的一个二级联动菜单

来源：互联网发布：淘宝开店条件及流程编辑：程序博客网时间：2024/04/30 14:16

IE中，select下拉列表框无法用innerHTML渲染。。所以无法使用oselect.innerHTML=<option>text</option>，为解决这个问题，我在select下拉框为加上一个层把它包裹住，然后直接设置div的innerHTML,下面是代码

<mce:script type="text/javascript"></mce:script></head><body onload="createXMLHTTPRequest()"><select name="province" id="province" style="width:100px;" onchange="createXMLHTTPRequest()" > <option value="1">湖北</option> <option value="2">湖南</option> <option value="3">广东</option></select><div id="di"><select name="city" id="city" style="width:100px;"></select></div></body>

下面是handler.ashx服务器端相应页面的代码public class Handler : IHttpHandler { string conn = WebConfigurationManager.ConnectionStrings["con"].ConnectionString; public void ProcessRequest (HttpContext context) { //string pid = context.Request.QueryString["pid"];//提交 string pid = context.Request.Form["pid"];//post提交 SqlConnection con = new SqlConnection(conn); con.Open(); string sql = "select cName from city where pID=" + pid; SqlCommand cmd = new SqlCommand(sql,con); SqlDataReader sdr = cmd.ExecuteReader(); string output = ""; while (sdr.Read()) { output += "<option>" + sdr[0].ToString() + "</option>"; } context.Response.Write(output); } public bool IsReusable { get { return false; } } }

这里遇到的问题主要是IE下select无法用innerHTML渲染的问题。。。用一个div可以解决