To get the value of the selected option in a select box using JavaScript, you can use the value property of the select element. Here's an example: var selectedValue = selectBox.value; alert(selectedValue); // prints the value of the selected option to the console </script> </body> </html>

When a user selects an option, you often need to retrieve that value in JavaScript for form processing, updating the UI, calculations, etc. The selected value can be obtained through DOM properties and methods on the select element. The simplest way to get the selected option from a dropdown is using the .value property of the select element:

If you select the last option, the value property of the select box is Ember.js because the selected option has no value attribute. If you select the second or third option, the value property will be "1" or "2". In JavaScript, the HTMLOptionElement type represents the <option> element. The HTMLOptionElement type has the following handy properties:

The value property of a select element returns the value of the selected option. The following example demonstrates how to use the value property to get the selected value in a dropdown list: In this example, we have a dropdown list with the id “mySelect” and three options with values “option1”, “option2”, and “option3”.