Why am I not getting the value from onChange with Select?
49,345
Solution 1
try alert(this.value)
Solution 2
With this
you're passing the HTML select element to the function, not the value of the selected option. To obtain the value of the selected option, you need to get the selected option from the options
by selectedIndex
and then get its value
. In a nutshell:
function getData(dropdown) {
var value = dropdown.options[dropdown.selectedIndex].value;
alert(value);
}
Author by
dcp3450
Updated on July 15, 2022Comments
-
dcp3450 almost 2 years
Testing part of a form. So, right now I just want to alert what the user selects:
JS:
function getData(title) { alert(title); }
HTML generated by PHP:
<select name="currentList" onChange="getData(this);"> <option value="hat">Hat</option> <option value="shirt">Shirt</option> <option value="pants">Pants</option> </select>
when I change the value I get an alert with:
[object HTMLSelectElement]