Question

所以我正在编写一个包含下拉列表和提交按钮的代码。在我的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答案很感兴趣。谢谢。

Answer 1

为了从一个页面获取值到另一个页面，您可以将该值作为查询字符串添加到URL中，一旦到达该页面，您的javascript就会从该URL中获取该值并将其解析为您的代码。像这样设置参数：

case "PromoAttr":
    alert("Promo attr works");
    var url = "http://localhost:8080/PDFproj/generalCase.jsp";

    location.href = url + "?selectedVal=PromoAttr";
    break;
//Repeat for other cases, substituting "PromoAttr" for the selected value.

然后在您的下一页中，您可以检查是否有任何查询字符串附加到您的网址，如果有，请将其解析并按照您的意愿使用它。

根据选项重定向提交按钮

1 个答案: