jquery – Getting selected option text on change

I am trying to do something very simple but it\’s not working for me. All I want to do is get the selected option\’s text when the selected option is changed, something like this:

<select id = \"myselect\">
  <option value = \"1\">One</option>
  <option value = \"2\">Two</option>
  <option value = \"3\">Three</option>
</select>

Then in JavaScript:

$(\"#myselect\").change(function () {
     var text = $(this).find(\"option[selected]\").html();
     alert(text);
});

Simple right? The problem is I am just getting null. When I inspect the DOM I find that changing the selected option does not change the \”selected\” attribute of any of the options. Doesn\’t changing the option typically update the DOM? I\’m pretty sure I\’ve done this before. What I am missing here? I am using FireFox ver 13.0.1 for my testing.

Rating: 4 out of 5 based on 5 ratings

Posts Related to jquery - Getting selected option text on change

• Jul 31st, 2012 javascript - Allow user to order a list of selections? Tuesday AM 06:06:35


• Jul 14th, 2012 jquery - How can I get dropdown selected value using javascript? Saturday AM 03:10:53


• Jul 07th, 2012 android - How to show the button in dropdown event? Saturday PM 19:45:27


• Jul 10th, 2012 javascript - onclick event in HTML <select> not working Chrome and Safari Tuesday AM 05:32:53


• Jul 12th, 2012 php - change variable value with a dropdown menu Thursday AM 06:21:40


• Jul 30th, 2012 javascript - How to disable jQuery mouseleave event with if hasClass condition ? // hover animation Monday PM 12:06:47


• Jul 31st, 2012 javascript - How to disable jQuery mouseleave event with if hasClass condition ? // hover animation Tuesday PM 13:36:18


• Jul 08th, 2012 javascript events - Display a text box when an option is selected Sunday PM 15:01:58


• Jul 19th, 2012 javascript - how to display hide and show select box? Thursday AM 11:55:34


• Jul 22nd, 2012 jquery - Checking button click for particular class Sunday AM 10:06:30

The post jquery – Getting selected option text on change appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/jquery-getting-selected-option-text-on-change.html