jquery 跳转 不行 求高手看看

jquery

解决方案 »

  1.   

    这是hibernate 分页查询跳转到显示页面
      

  2.   

    检查下 DATAFORM 和地址
      

  3.   

    function select(){
       alert("0000");
       var form = document.getElementById("DATAFORM");
       alert("1111");    
       form.target="allFrame";
       alert("2222");
       form.action="<%=basePath %>info/infoServlet?pageNo="+1;
       alert("3333");
       form.submit();   
          }  
    <input type="button" value="搜索" onclick="select()" />我在里面加了东西，但是都没有响应怎么回事
      

  4.   

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>房屋查询</title>
    </head>
    <style type="text/css">
    <!--
    /*去掉默认边距*/
    html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li, dl, dd, dt, iframe, label, blockquote, input, button {padding:0; margin:0;list-style: none;}
    body {font-size:12px; font-family: Arial, "宋体";color:#666;background:#fff;-webkit-text-size-adjust:none;}
    img {vertical-align:middle; border:none;}
    a {color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
    input,button,select,textarea{outline:none}
    textarea{resize:none;}
    /*去掉默认边距end*/
    .table_center{ text-align:center;}
    .biaoti{ height:30px; width:100%;}
    .biaoti .left{ width:15px; height:30px;}
    .biaoti .center{ background:url(images/tab_05.gif); height:30px;}
    .biaoti .right{ width:15px; height:30px; }
    .tr01 .STYLE1 {background:url(images/tab_14.gif); height:26px; line-height:26px;}
    .tr02 td{ background:#fff; height:18px;}
    .STYLE1 {font-size: 12px;}
    .STYLE4 {
    font-size: 12px;
    color: #1F4A65;
    font-weight: bold;
    }
    .STYLE5 {
    font-size: 12px;
    color: #1F4A65;
    font-weight: bold;
    text-align: right;
    padding-left: 900px;
    }
    .STYLE6 {
    font-size: 12px;
    color: #1F4A65;
    font-weight: bold;
    text-align: right;
    padding-right: 50px;
    }
    a:link {
    font-size: 12px;
    color: #06482a;
    text-decoration: none;}
    a:visited {
    font-size: 12px;
    color: #06482a;
    text-decoration: none;
    }
    a:hover {
    font-size: 12px;
    color: #FF0000;
    text-decoration: underline;
    }
    a:active {
    font-size: 12px;
    color: #FF0000;
    text-decoration: none;
    }-->
    </style>
    <%
      String path = request.getContextPath();  
         String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
     %>
     <script type="text/javascript" src="<%=basePath %>script/jquery-1.7.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#district").change(function(){
         var pid = $(this).val();     
         var strHTML = "";
         if(pid == 0){
          strHTML = "<option value=\"0\">-请选择-</option>"
          $("#street").html(strHTML);
          return;
         }
         $.ajax({     
           type:"post",
           url:"select/seclectServlet",
           data: {p_id : pid},
           dataType: "json",
           success: function(data){
             var len = data.length;
            for(var i = 0;i < len;i++){
              strHTML += "<option value=\"" + data[i].id + "\">"+ data[i].name +"</option>";
             }
           $("#street").html(strHTML);
          },
          error: function(){
           alert("解析数据错误！");
          }
         });
        });
       });
       
       
       
      function select(){
       alert("0000");
       var form = document.getElementById("DATAFORM");
       alert("1111");    
       form.target="allFrame";
       alert("2222");
       form.action="<%=basePath %>info/infoServlet?pageNo="+1;
       alert("3333");
       form.submit();   
          }  
     </script> 
    </head>
    <base href=<%=basePath %> />
    <body>
    <form id="DATAFORM" action="" >
    <input type="hidden" id="sign" name="sign" value="selectInfo" />
    <!--标题开始-->
    <table class="biaoti" border="0" cellpadding="0" cellspacing="0">  
    <tr background="images/tab_05.gif">
            <td class="left"><img src="images/tab_03.gif" width="15" height="30" /></td>
            <td class="center"><img src="images/311.gif" width="16" height="16" /> <span class="STYLE4" >房屋查询</span></td>               
            <td class="right"><img src="images/tab_07.gif" width="14" height="30" /></td>
        </tr>
    </table>
    <!--标题结束-->
    <!--中间表单部分-->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_center">
      <tr>
        <td width="9" background="images/tab_12.gif">&nbsp;</td>    
        <td bgcolor="e5f1d6">
        <table width="99%" border="0"  cellpadding="0" cellspacing="1" bgcolor="#CECECE" >    
              <tr class="tr01">  
                <td width="1%" class="STYLE1"><div  class="STYLE2">标题</div></td>
                <td width="1%"><input type="text" name="title" size="8"></td>         
                <td width="2%" class="STYLE1"><div  class="STYLE2 STYLE1">房屋价格</div></td>
                 <td width="2%"><input type="text" name="price" size="6"> </td>
                <td width="2%" class="STYLE1"><div class="STYLE2 STYLE1">房屋类型</div></td>
                <td width="2%">
                   <select name="type_id" style="width:110px">
                      <option value="">不限</option>
                      <c:forEach items="${liststyle }" var="style">
                      <option value="${style.id }">${style.name }</option>
                      </c:forEach>
                   </select>
                </td>
                <td width="1%" class="STYLE1"><div  class="STYLE2">面积</div></td>
                <td width="3%"><input type="text" name="area" size="6"  /></td>
                <td width="2%" class="STYLE1"><div  class="STYLE2">房屋所在地区</div></td>
                <td width="6%">               
                   <select name="district" id="district" style="width:110px">
                      <option value="">不限</option>
                      <c:forEach items="${listdis }" var="dis">
                       <option value="${dis.id }">${dis.name }</option>
                      </c:forEach>
                   </select>          
                       <select name="street" id="street" style="width:110px">
                      <option value="">不限</option>
                   </select>
                </td>        
              </tr>
              <tr>
              <td width="2%"><input type="button" value="搜索" onclick="select()" /></td>
              </tr>
           </table>  
          </td>    
         <td width="9" background="images/tab_16.gif">&nbsp;</td>
        </tr>
       </table>
       <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="29" >
    <tr>
         <td width="15" height="29"><img src="images/tab_20.gif" width="15" height="29" /></td>
         <td background="images/tab_21.gif" height="29" ></td>
         <td width="14"><img src="images/tab_22.gif" width="14" height="29" /></td>
        </tr>
       </table>
      </form>
     </body>
    </html>
    这是整个前台页面