根據用戶從選擇列表中選擇加載新的JSP頁面

在此先感謝您的幫助，希望這裏只是一個簡短問題。根據用戶從選擇列表中選擇加載新的JSP頁面

我正在尋找基於用戶從選擇列表中做出的選擇而鏈接到另一個頁面。例如，如果用戶應該從列表中選擇「注入」，只要他點擊它，它就會被註銷到「注入」JSP頁面上。在JSP中是否有任何類似jsp的.getSelectedIndex？剛剛開始，所以我不太瞭解它。

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <%@include file ="headerJSP.jsp" %> 

    <center> 
    Please select an OWASP topic: 
    <select id="OWASPTopicList"> 
     <option value="" selected>Choose a topic</option> 
     <option value="injectionJSP.jsp">Injection</option> 
     <option value="https://www.google.ie/">Cross-Site Scripting (XSS)</option> 
     <option value="TopicThree">Broken Authentication and Session Management</option> 
     <option value="TopicFour">Insecure Direct Object References</option> 
     <option value="TopicFive">Cross Site Request Forgery (CSRF)</option> 
     <option value="TopicSix">Security Misconfiguration</option> 
     <option value="TopicSeven">Insecure Cryptographic Storage</option> 
     <option value="TopicEight">Failure to Restrict URL Access</option> 
     <option value="TopicNine">Insufficient Transport Layer Protection</option> 
     <option value="TopicTen">Unvalidated Redirects and Forwards</option> 
    </select> 
    </center> 

    <script> 
     $(function(){ 
     // bind change event to select 
     $('#OWASPTopicList').bind('change', function() { 
     var url = $(this).val(); // get selected value 
     if (url) // require a URL 
       { 
       window.location = url; // redirect 
       } 
     return false; 
     }); 
     }); 
    </script> 

    <%@ include file="footerJSP.jsp" %>

編輯：感謝您的幫助，使用的代碼建議，但它無法正常工作。編輯我的代碼以反映其當前狀態，有什麼想法什麼是錯的？頁面編譯和運行良好，但選擇「注入」或「跨站點腳本（XSS）」不會根據需要重定向（這是我的兩個測試選項，主要目標是所有選項都重定向到其他jsp頁面）。

編輯2：完美Hadrik，現在正在盛大，非常感謝：d

來源

2013-03-19 David Ryan

我敢肯定你會需要JavaScript來添加onchange事件該行爲轉換爲選擇選項事件。 – 2013-03-19 18:42:18

爲什麼你不想提交表單並在之後進行轉發/重定向？ – skuntsel 2013-03-20 05:51:36

您需要包括js代碼中的jQuery。在這裏，我有jquery.min.js下js目錄下我0。所以，它是這樣的

<script type="text/javascript" src="js/jquery.min.js"></script>

然後綁定的selectid使用

<script type="text/javascript"> 
     $(function(){ 
      $('#OWASPTopicList').bind('change', function() { 
      var url = $(this).val(); // get selected value 
      alert(url); // This will help to check whether JS is getting executed. 
      if (url) { // require a URL 
       window.location = url; // redirect 
      } 
      return false; 
      }); 
     }); 
</script>

來源

2013-03-20 07:42:13

<script> 
    $(function(){ 
     // bind change event to select 
     $('#dynamic_select').bind('change', function() { 
      var url = $(this).val(); // get selected value 
      if (url) { // require a URL 
       window.location = url; // redirect 
      } 
      return false; 
     }); 
    }); 
</script>

來源

2013-03-19 18:45:06 Biswajit

根據用戶從選擇列表中選擇加載新的JSP頁面

回答

相關問題