Click on option event

by

You’re going to want to use jQuery’s change event. I am displaying the text of your option as an alert, but you can display whatever you want based on your needs. (You can also, obviously, put it inside another part of the page…it doesn’t need to be an alert.)

$('#myOptions').change(function() {
    var val = $("#myOptions option:selected").text();
    alert(val);
});

Also, note, that I added an ID to your select tag so that you can more easily handle events to it (I called it myOptions).

Example: http://jsfiddle.net/S9WQv/

More Related Contents:

  1. What is wrong with this basic Javascript code? [closed]
  2. How can I get the data-id attribute?
  3. Submit multiple forms with one submit button
  4. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  5. How to submit an HTML form without redirection
  6. How to make a link open multiple pages when clicked
  7. Is there a DOM event that fires when an HTML select element is closed?
  8. How do I remove tinyMCE and then re-add it?
  9. How to read xml file contents in jQuery and display in html elements?
  10. jQuery click anywhere in the page except on 1 div
  11. How to ONLY trigger parent click event when a child is clicked
  12. How can I detect when a new element has been added to the document in jquery?
  13. Choosing Mobile Web HTML5 Framework [closed]
  14. JavaScript Loading Screen while page loads
  15. How to read line by line of a text area HTML tag
  16. jQuery: trigger a hover event from another element
  17. How to pass variable value between different html pages in javascript
  18. Attach a blob to an input of type file in a form
  19. Trigger a button click inside an iframe [duplicate]
  20. collapse and expand tabs jquery / simple accordion
  21. Combine two selectors with one jQuery object
  22. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  23. fade effect using javascript no jquery?
  24. Passing parameters to a JQuery function
  25. How do you swap DIVs on mouseover (jQuery)?
  26. Set Caret Position in ‘contenteditable’ div that has children
  27. Jquery/Javascript Opacity animation with scroll
  28. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  29. Validate Dynamically Added Input fields
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment