Ajax实现无刷新三联动下拉框,该如何解决-Java教程-爱易网页

Ajax实现无刷新三联动下拉框,该如何解决

日期：2014-05-18　浏览次数：20774 次

Ajax实现无刷新三联动下拉框
在struts+jsp下
如省->市->区
想了好久就是不会写
自己也刚刚学ajax
请高手帮帮忙
谢谢

------解决方案--------------------

Java code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAd>
    <TITLE><%=xmmc%>--<%=wjmc%>
    </TITLE>
    <script type="text/javascript">
            if (window.ActiveXObject && !window.XMLHttpRequest) {
                window.XMLHttpRequest=function() {
                    return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP');
                };
            }//取得XMLHttpRequest对象
                
            var req;
            var flagSelect;
            function testName(flag,value)//
            {
            flagSelect = flag; 
            req=new XMLHttpRequest();
            if (req) 
            {
                req.onreadystatechange=setValue;
            }
                req.open('POST',"getLabelValue.do?flag="+flag+"&value="+value);
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.send(null);
        }
            function setValue()
            {
                if (req.readyState==4 )
                {                                 
                    if(req.status==200)
                    {    
                        
                        if(flagSelect=="1")//如果选择某个省要更新市和区
                        {
                            var v=req.responseText.split("||");
                            paint(document.all("shi"),v[0]);
                            paint(document.all("qu"),v[1]);
                        }
                        if(flagSelect=="2")//如果选择某市,只需改变区
                        {
                            var v=req.responseText;
                            paint(document.all("qu"),v);
                        }
                    }
                }
            }

            function paint(obj,value)
            {
                var ops = obj.options;
                    while(ops.length>0)
                    {
                      ops.remove(0);
                    }
                    for(var i=0;i<v.length-1;i++)
                    {
                        var o = document.createElement("OPTION");
                        o.value=v[i].split(",")[0];
                        v.text=v[i].split(",")[1];
                        ops.add(o);
                    }
            }
            </script>


    <body>
    <table>
       <tr>
        <td>
         省<select name="pro" onchange="testName(1,this.value);">
                   <option value="1">省一</option><!--用循环把数据库里的所有省选出来-->
           </select>
        </td>
          <td>
         省<select name="shi" onchange="testName(2,this.value);">
                   <option value="11">市一</option><!--用循环把数据库里的所有省一的市选出来-->
           </select>
        </td>
          <td>
         区<select name="qu">
                   <option value="111">区一</option><!--用循环把数据库里的所有省一的市一的区选出来-->
           </select>
        </td>
       </tr>
    </table>
    </body>                        
</HTML>


 写一个actioin
public class GetLabelValueAction extends Action {
    public ActionForward execute(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response) {
        response.setContentType("text/xml; charset=GBK");
        try {
            PrintWriter out = response.getWriter();
            String flag = re

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

Ajax实现无刷新三联动下拉框,该如何解决

相关资料更多>

推荐阅读更多>