如何将onClick()
或onSelect()
与option
标签一起使用?下面是我尝试实现它的代码,但它没有按预期工作。
注意:在JSP页面中获取listCustomer
域对象列表的地方。
<td align="right">
<select name="singleSelect" ">
<c:forEach var="Customer" items="${listCustomer}" >
<option value="" onClick="javascript:onSelect(this);> <c:out value="${Customer}" /></option>
</c:forEach>
</select>
</td>
如何修改它以检测是否选择了某个选项?
最佳答案
onSelect()
都不是也不 onClick()
<option>
支持事件标签。前者指的是选择文本(即通过单击 + 拖动文本字段),因此只能与 <text>
一起使用和 <textarea>
标签。 onClick()
事件可以与 <select>
一起使用标签 - 但是,您可能正在寻找最好使用 onChange()
的功能事件,不是 onClick()
.
此外,从你的 <c:...>
来看标签,您还尝试使用 JSP纯 HTML 文档中的语法。那只是……不正确。
回应您对此答案的评论 - 我几乎无法理解。但是,听起来您想要做的是获取 <option>
的值。用户在选择一个时刚刚选择的标签。在那种情况下,你想要这样的东西:
<html>
<head>
<script type="text/javascript">
function changeFunc() {
var selectBox = document.getElementById("selectBox");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
alert(selectedValue);
}
</script>
</head>
<body>
<select id="selectBox" onchange="changeFunc();">
<option value="1">Option #1</option>
<option value="2">Option #2</option>
</select>
</body>
</html>
关于javascript - 如何在 JSP 页面的选项标签上使用 onClick() 或 onSelect()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3487263/