ajax做的一个二级联动菜单

现在的位置: 首页 > 综合 > 正文

ajax做的一个二级联动菜单

2013年09月09日 ⁄ 综合 ⁄ 共 2163字 ⁄ 字号小中大 ⁄ 评论关闭

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

【上篇】不启动Xcode该如何开启iOS模拟器？
【下篇】基于动态模板与活动轮廓的人脸正面自动模式识别系统研究

作者: literate

该日志由 literate 于11年前发表在综合分类下，最后更新于 2013年09月09日.
转载请注明: ajax做的一个二级联动菜单 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

ajax做的一个二级联动菜单

作者: literate

书签

最新文章New

本站推荐

返回首页