jquery选中下拉框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery Select Dropdown</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <select id="myDropdown">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>

    <button id="selectOption2">Select Option 2</button>

    <script src="script.js"></script>
</body>
</html>

$(document).ready(function() {
    $('#selectOption2').click(function() {
        $('#myDropdown').val('option2');
    });
});

$(document).ready(function() {
    $('#selectOption2').click(function() {
        $('#myDropdown').val('option2');
    });
});