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

0

为了从一个页面获取一个值到另一个页面，您可以将该值作为查询字符串添加到 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.

然后在您的下一页中，您可以检查是否有任何查询字符串附加到您的 url，如果有，请将其解析并根据需要使用它。

于 2013-07-08T16:33:26.563 回答