{"id":203010,"date":"2024-02-17T17:23:49","date_gmt":"2024-02-17T17:23:49","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-li-value-in-ul-in-javascript\/"},"modified":"2024-02-17T17:23:49","modified_gmt":"2024-02-17T17:23:49","slug":"how-to-get-selected-li-value-in-ul-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-li-value-in-ul-in-javascript\/","title":{"rendered":"How to get selected LI value in UL in JavaScript?"},"content":{"rendered":"

One common task when working with lists in JavaScript is getting the value of a selected list item in an unordered list (UL) element. Fortunately, this can be easily achieved with the help of JavaScript.<\/p>\n

To get the selected LI value in a UL in JavaScript, you can use the following code snippet:<\/p>\n

“`javascript
\n\/\/ Get the UL element
\nvar ul = document.getElementById(‘myList’);<\/p>\n

\/\/ Get the selected LI element
\nvar selectedLI = ul.querySelector(‘li.selected’);<\/p>\n

\/\/ Get the value of the selected LI element
\nvar selectedValue = selectedLI.textContent;
\n“`<\/p>\n

This code snippet first gets the UL element with the id ‘myList’. It then uses the `querySelector` method to find the selected LI element within the UL with the class ‘selected’. Finally, it gets the text content of the selected LI element, which represents its value.<\/p>\n

\n
\n

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