How to get the selected value and currently selected text of a dropdown box using jQuery?

<!DOCTYPE html>

<html>

<head>

<script

src="https://code.jquery.com/jquery-3.5.1.slim.min.js"

integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs="

crossorigin="anonymous"></script>

</head>

<body>

<from>

<option value="miracle">miracle</option>

<option value="caroline">caroline</option>

</select>

</from><br>

$("select").change(function(){

var a=$("select").val();

$("label").text(a);

})

</script>

</body>

</html>

Coding Tutorials