When it comes to manipulating the DOM, fewer elements are more tiresome than the good old select input. Fortunately for us, jQuery makes what was once a headache, a walk in the park. Listed below are 6 snippets which should make manipulating those selects more pleasant than say, pulling your own teeth.
1. Getting the value of a selected option.
This could not be simpler. Remember how before Jquery, you had to use selected Index and all those lovely JavaScript methods. I do, and I do not miss it one bit.
2. Getting the text of a selected option.
Similar in concept to the first snippet with one difference. Where the first example gives you the value of the selected option, this example gives you the actual text contained inside the option tag.
3. Getting the text/value of multiple selected options.
Once again, the same concept as the first two examples, except we’re now using jQuerys each() method to loop through all selected options in a multiple select list. Each value or text value is read into an array for later use.
4. Using selected options in conditional statements
Much like example 2, we are getting the text() value of a selected option, only this time we are going to use it inside a switch statement.
Like our site? Be a member of Coolajax fan page to get daily posts updates!
Total Read: 995 
Topics
Categories
Information
Connect
You May Like This Posts!
Tags:
