Question

我正试图在下拉列表的onchange事件中导航到不同的jsp页面......

这是我的代码

<%@page import="java.util.*"%>
<html>
<head>
<title>Student Registration Form</title>
<style type="text/css">
h3{font-family: Calibri; font-size: 22pt; font-style: normal; font-weight: bold; color:SlateBlue;
text-align: center; text-decoration: underline }
table{font-family: Calibri; color:white; font-size: 11pt; font-style: normal;
text-align:; background-color: SlateBlue; border-collapse: collapse; border: 2px solid navy}
table.inner{border: 0px}
</style>
</head>

<body>
<h3>Select Product</h3>
<form action="retrieve_product" method="POST">

<table align="center" cellpadding = "10">

<tr>
<td>Select product to update</td>

<td>
<select name="category_list" onchange="Test.jsp">

<option>Option1</option>
<option>Option2</option>

</select>
</td>
</tr>

<!----- Submit and Reset ------------------------------------------------->
<tr>
<td colspan="2" align="center">
<input type="submit" name="UpdateProduct" value="Update">
<input type="reset" value="Reset">
</td>
</tr>

</table>

</form>

</body>
</html>

我尝试了所有事件onclick，onchange，onfocus下拉列表，但似乎没有任何工作。如果我使用错误的事件，请建议我正确的导航到不同的页面...... ..

Answer 1

您无法像这样致电onChange。先通过这个JSP dropdownlist onChange

使用jQuery。这对你有用

$('select[name=category_list]').on("change", function(e){
   //navigate to Test.jsp
});

Answer 2

下拉列表的onchange事件不会导致提交操作。您可以通过onchange访问脚本函数，而不是jsp。

onchange事件在下拉列表中不起作用

2 个答案: