Item Label of a Dropdown

Crescionini Sascha · Jul 31, 2003

hello ng

is there a way to get the selected item-label (not value)
of a dropdown-element using js?

any idea?

greets
sascha

Vjekoslav Begovic · Jul 31, 2003

One way is shown below:
<html>
<head>
<script type="text/javascript">
function testit(selobj){
var selectedOption = selobj[selobj.selectedIndex];
var label = selectedOption.firstChild.nodeValue;
alert(label)
}
</script>
</head>
<body>
<select id="sel1" onchange="testit(this)">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>

</body>
</html>

Lasse Reichstein Nielsen · Jul 31, 2003

Crescionini Sascha said:
is there a way to get the selected item-label (not value)
of a dropdown-element using js?

selectRef.options[selectRef.selectedIndex].text

An option element has two properties: value and text.

/L

Add Image and label dynamically inside the dropdown	2	Mar 11, 2022
Dropdown menu in a fixed navbar	2	Apr 1, 2024
I dont get this. Please help me!!	2	Jan 24, 2023
How to add dropdown selected data to table using jquery	2	Jul 2, 2022
Multi select options in a menu	1	Oct 30, 2022
Interfering CSS	1	Feb 9, 2024
Jquery not triggering / acting as expected.	0	Mar 6, 2022
How do i get numberOfItemsHired to only accept 1-500 if it is outside those values error message should be displayed	10	Jul 5, 2024

Item Label of a Dropdown

Crescionini Sascha

Vjekoslav Begovic

Lasse Reichstein Nielsen

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads