{"id":202966,"date":"2024-03-13T06:00:35","date_gmt":"2024-03-13T06:00:35","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-select-option-attribute-value-in-javascript\/"},"modified":"2024-03-13T06:00:35","modified_gmt":"2024-03-13T06:00:35","slug":"how-to-get-select-option-attribute-value-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-select-option-attribute-value-in-javascript\/","title":{"rendered":"How to get select option attribute value in JavaScript?"},"content":{"rendered":"

**To get the select option attribute value in JavaScript, you can use the following code:**<\/p>\n

“`javascript
\nvar selectElement = document.getElementById(‘mySelect’);
\nvar selectedOption = selectElement.options[selectElement.selectedIndex];
\nvar attributeValue = selectedOption.getAttribute(‘data-attribute’);
\nconsole.log(attributeValue);
\n“`<\/p>\n

In this code snippet, replace `mySelect` with the id of your select element and `data-attribute` with the name of the attribute you want to retrieve.<\/p>\n

By using this code, you can easily access and retrieve the attribute value of the selected option in a dropdown list.<\/p>\n

\n
\n

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