ajax做的一个二级联动菜单

最新推荐文章于 2021-08-06 02:26:00 发布

原创最新推荐文章于 2021-08-06 02:26:00 发布 · 689 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #string #output #function #url

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了解决IE浏览器中select下拉列表框无法通过innerHTML进行内容更新的问题。通过将select元素包裹在一个div内，并操作div的innerHTML属性来实现内容的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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可以解决