2

だから私はドロップダウンリストと送信ボタンを使ってコードを書いています。私の CaseType.jsp ファイルでは次のようになります。

<title>Case Type Selection</title>
<script type="text/javascript" src="CaseType.js"></script>
<script type="text/javascript" src="jquery-1.10.1.js"></script>

</head>
<body>
<center>
Please select the case that applies
<br><br><br>


<form action="">
<select id ="caseType" name="caseType">
<option value="PromoAttr">Promotion Attribute Change</option>
<option value="PromoOrder">Promotion Approval Order Change</option>
<option value="DefAppr">Change Default Approver on Promotion</option>
<option value=""></option>
</select>
<br><button onclick="caseSelect()" align="right">Submit</button></form>
<br><a href="C:\Users\apay\workspace\PDFproj\WebContent\Help.jsp">Help</a>
</form>

私ができるようにしたいのは、送信ボタンをクリックして、選択されたオプションの値を取得し、ボタンに応じて別の JSP ページにリダイレクトすることです。これらの質問を検索したところ、PHP ページを使用したソリューションしか見つかりませんでした。window.location または document.location が機能していないようです。これは、caseType の .js ファイルです。

function caseSelect()
{
    var select = document.getElementById('caseType').value;
    switch(select)
    {
    case "PromoAttr":
      //open up form for Promotion Attribute Changes
        alert("Promo attr works");
        document.location.href="http://localhost:8080/PDFproj/generalCase.jsp";

      break;
    case "PromoOrder":
      //open up form for Promotion approval order change
        alert("Promo order works");
        document.location.href="http://localhost:8080/PDFproj/generalCase.jsp";
      break;
    case "DefAppr":
      //open up form for Changing default approver on promotion
        alert("Default Approval works");
        document.location.href="http://localhost:8080/PDFproj/generalCase.jsp";
          break;
    default:


    }
    return false;

}

現在、各ケース フォームがどのように表示されるかについての詳細をまだ受け取っていないため、これらはすべて一般的なケース ページにつながっています。したがって、これは単なるプロトタイプです。しかし最終的には、それらはすべて、記入して提出する必要がある独自の個別のフォームを持っています。

これを行う方法を教えてください。javascript または jquery の回答に興味があります。ありがとうございました。

4

1 に答える 1