{"id":202178,"date":"2023-12-20T07:10:15","date_gmt":"2023-12-20T07:10:15","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-multiple-selected-option-value-in-javascript\/"},"modified":"2023-12-20T07:10:15","modified_gmt":"2023-12-20T07:10:15","slug":"how-to-get-multiple-selected-option-value-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-multiple-selected-option-value-in-javascript\/","title":{"rendered":"How to get multiple selected option value in JavaScript?"},"content":{"rendered":"

To get multiple selected option values in JavaScript, you need to loop through the select element and check for each option if it is selected. If it is selected, you can get its value and store it in an array.<\/strong><\/p>\n

Here is a sample code snippet that demonstrates how to achieve this:<\/p>\n

“`javascript
\n\/\/ Get the select element
\nvar selectElement = document.getElementById(‘mySelect’);<\/p>\n

\/\/ Initialize an empty array to store selected option values
\nvar selectedValues = [];<\/p>\n

\/\/ Loop through each option in the select element
\nfor (var i = 0; i < selectElement.options.length; i++) {
\n \/\/ Check if the option is selected
\n if (selectElement.options[i].selected) {
\n \/\/ Get the value of the selected option and push it to the selectedValues array
\n selectedValues.push(selectElement.options[i].value);
\n }
\n}<\/p>\n

\/\/ Log the array of selected option values
\nconsole.log(selectedValues);
\n“`<\/p>\n

By following this approach, you can easily get multiple selected option values from a select element in JavaScript.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n