How to use onClick() or onSelect() on option tag in a JSP page?

by

Neither the onSelect() nor onClick() events are supported by the <option> tag. The former refers to selecting text (i.e. by clicking + dragging across a text field) so can only be used with the <text> and <textarea> tags. The onClick() event can be used with <select> tags – however, you probably are looking for functionality where it would be best to use the onChange() event, not onClick().

Furthermore, by the look of your <c:...> tags, you are also trying to use JSP syntax in a plain HTML document. That’s just… incorrect.

In response to your comment to this answer – I can barely understand it. However, it sounds like what you want to do is get the value of the <option> tag that the user has just selected whenever they select one. In that case, you want to have something like:

<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>

More Related Contents:

  1. How to add function in JSX?
  2. Javascript does not work
  3. How do I format a date in JavaScript?
  4. How do I check if an object has a specific property in JavaScript?
  5. jQuery click / toggle between two functions
  6. Force browser to download image files on click
  7. How can I count text lines inside an DOM element? Can I?
  8. Load More Posts Ajax Button in WordPress
  9. Is there a way to make text unselectable on an HTML page? [duplicate]
  10. How to prevent your JavaScript code from being stolen, copied, and viewed? [closed]
  11. Remove querystring from URL
  12. How can you sort an array without mutating the original array?
  13. JavaScript .replace only replaces first Match [duplicate]
  14. Array Like Objects in Javascript
  15. Why do arrow functions not have the arguments array? [duplicate]
  16. Why does changing one array alters the other?
  17. Getting mouse location in canvas [duplicate]
  18. How to detect right mouse click + paste using JavaScript?
  19. Perform .join on value in array of objects
  20. Why is 4 not an instance of Number?
  21. jQuery index() in vanilla javascript
  22. Call two functions from same onclick [duplicate]
  23. Rxjs One Observable Feeding into Another
  24. Dynamically adding cases to a switch
  25. How to use React.forwardRef in a class based component?
  26. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  27. gulp babel, exports is not defined
  28. Print / display a JavaScript variable’s name instead of it’s value
  29. How do I pass multiple attributes into an Angular.js attribute directive?
  30. How to count the number of lines of a string in javascript

Leave a Comment