0

よろしくお願いします。ここで簡単な質問をしていただければ幸いです。

ユーザーが選択リストから行った選択に基づいて、別のページへのリンクを探しています。

たとえば、ユーザーがリストから「注入」を選択すると、クリックするとすぐに「注入」JSP ページが表示されます。JSP に .getSelectedIndex に相当する jsp はありますか? 始めたばかりなので、あまり詳しくありません。

<%@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)」を選択すると、必要に応じてリダイレクトされません (これらは私の 2 つのテスト オプションです。主な目標は、すべてのオプションを他の JSP ページにリダイレクトすることです)。

EDIT 2: パーフェクトなハドリック、今は立派に働いています、どうもありがとう:D

4

2 に答える 2

0

jsコードにforを含める必要がありjQueryます。ここに私jquery.min.jsの下のjsディレクトリがありますwebapps.So、それはこのようになります

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

id次に、を使用selectしてonchangeイベントにバインドします

<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-20T07:42:13.357 に答える
0
<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-19T18:45:06.143 に答える