javascript - 如何在 JSP 页面的选项标签上使用 onClick() 或 onSelect()?

标签 javascript

如何将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/

相关文章:

javascript - 不是全页 fullpage.js 吗?

javascript - Promise.resolve().then 在 Jasmine 测试中不起作用

javascript - 为什么mockjax 向我的Ajax 消费者返回更改后的响应?

javascript - GET 请求使用 Basic Auth 从 Postman 工作,而不是从浏览器工作

javascript - 为什么不能使用 .call() 调用 console.log

javascript - Apollo 服务器 : How to access 'context' outside of resolvers in Dataloader from REST API Datasource

javascript - 为什么我的解析器第一次没有返回?

javascript - IE 8(仅)因 JavaScript/jQuery 调用插件而崩溃

javascript - 使用 JQuery 和 Javascript 中的 if 语句在 .html 中编写

Javascript - 带有 boolean 键的数组?