jquery赋值html的select

   2025-03-19 15:16:30  62  6  0

下面为你提供一个使用 jQuery 给 HTML 的 `select` 元素赋值的示例。 此示例包含一个 `select` 元素和一个按钮。当你点击按钮时,jQuery 代码会把 `select` 元素的值设为 `option2`。你可以依据自身需求对代码加以修改。

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery Select Assignment</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
    <select id="mySelect">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>
    <button id="assignValue">Assign Value</button>

    <script>
        $(document).ready(function () {
            $('#assignValue').click(function () {
                // 给 select 元素赋值
                $('#mySelect').val('option2');
            });
        });
    </script>
</body>

</html>