编辑时的 `<select>` 标签内容回显,$("#idName").val(value).trigger('change')

29 阅读1分钟

编辑时的 <select> 标签内容回显,$("#idName").val(value).trigger('change')

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>选择框值更新</title>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

<div class="demo">
    <select id="idName">
        <option value="option1" selected> Option 1 </option> 
        <option value="option2"> Option 2 </option> 
        <option value="option3"> Option 3 </option>
    </select>
</div>

<script>
  $(document).ready(function() {
    // 设置选择框的值
    $("#idName").val(value).trigger('change')
  });
</script>

</body>
</html>