How To Get Selected Option Value From A DropDown List Using Javascript
In This Javascript Tutorial we will See How To Get The Value Of The Selected Option From Select Tag Onchange Event Using JS And Netbeans Editor .
Project Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Selected Option Value</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<select id="list" onchange="getSelectValue();">
<option value="js">JavaScript</option>
<option value="php">PHP</option>
<option value="c#">Csharp</option>
<option value="java">Java</option>
<option value="node">Node.js</option>
</select>
<script>
function getSelectValue()
{
var selectedValue = document.getElementById("list").value;
console.log(selectedValue);
}
getSelectValue();
</script>
</body>
</html>
<html>
<head>
<title>Selected Option Value</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<select id="list" onchange="getSelectValue();">
<option value="js">JavaScript</option>
<option value="php">PHP</option>
<option value="c#">Csharp</option>
<option value="java">Java</option>
<option value="node">Node.js</option>
</select>
<script>
function getSelectValue()
{
var selectedValue = document.getElementById("list").value;
console.log(selectedValue);
}
getSelectValue();
</script>
</body>
</html>
OUTPUT:
