ajax做的一个二级联动菜单

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

IcyFox

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

阅读量683

点赞数

分类专栏： javascript 文章标签： ajax xmlhttprequest string output function url

本文链接：https://blog.youkuaiyun.com/huli870715/article/details/5977483

版权

javascript 专栏收录该内容

24 篇文章

订阅专栏

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

<mce:script type="text/javascript"></mce:script> </head> <body οnlοad="createXMLHTTPRequest()"> <select name="province" id="province" style="width:100px;" οnchange="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可以解决