Get selected value in dropdown list using JavaScript

The drop-down list selectedIndex property in HTML DOM is sets or returns the index of the selected option in a drop-down list.
  1. Get from selectedIndex property.
selectObject.selectedIndex
  1. Set the Select selectedIndex property.
selectObject.selectedIndex = number
The index starts at 0 and if no element is selected then it return -1. If the drop-down list allows multiple selections it will only return the index of the first option selected.
run this source code Browser View


Full Source | JavaScript
<!DOCTYPE html> <html> <body> <div> <select id="items"> <option value="1">One</option> <option value="2">Two</option> <option value="3" selected="selected">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> <br><br> <button onClick="GetSelectedItem('items');">Get Selected Item</button> </div> <script> function GetSelectedItem(sItem) { var i = document.getElementById(sItem); var strSel = "Value is: " + i.options[i.selectedIndex].value + " and Text is: " + i.options[i.selectedIndex].text; alert(strSel); } </script> </body> </html>


Javascript drop down selected item

jQuery

$("#elementId :selected").text(); // The text content of the selected option $("#elementId :selected").val(); // The value of the selected option





Related Topics
  1. JavaScript Popup Boxes
  2. Opening a new window in JavaScript
  3. How to Create Drop-Down Lists in JavaScript
  4. How do I include a JavaScript file in another JavaScript file?
  5. Print the content of a Div using JavaScript/jQuery
  6. How to get the current URL using JavaScript ?
  7. How to Detect a Mobile Device with JavaScript/jQuery
  8. How to validate an email address in JavaScript
  9. JavaScript Array Iteration
  10. How to Remove a Specific Item from an Array in JavaScript
  11. What is JavaScript closures?
  12. How To Remove a Property from a JavaScript Object
  13. How do I get the current date in JavaScript?
  14. How to Open URL in New Tab | JavaScript
  15. How to delay/wait/Sleep in code execution | JavaScript
  16. How to round to at most 2 decimal places | JavaScript
  17. How to convert string to boolean | JavaScript
  18. How to check undefined in JavaScript?
  19. How To Copy to Clipboard | JavaScript
  20. How to encode a URL using JavaScript?
  21. How to force Input field to enter numbers only | JavaScript
  22. How to create multiline string in JavaScript
  23. How to Check for an Empty String in JavaScript?