Bootstrap selectpicker Get Selected Value

<!DOCTYPE html>
<html lang="en">

<body>

<div class="container mt-5">
        <h2>Bootstrap Selectpicker Get Selected Value</h2>
        <div class="form-group">
            <label for="exampleDropdown">Select an option:</label>
            <select class="form-control" id="exampleDropdown" onchange="updateSelectedValue()">
                <option value="mouse">Mouse</option>
                <option value="car">Car</option>
                <option value="bus">Bus</option>
            </select>
        </div>
        <p id="selectedValue">Selected Value: <span id="displayedValue"></span></p>
    </div>

// Display the selected value
            $("#displayedValue").text(selectedValue);
        }
    </script>

</body>

</html>