📜  使用 jquery 设置下拉菜单默认值 - Javascript (1)

📅  最后修改于: 2023-12-03 15:22:13.516000             🧑  作者: Mango

使用 jQuery 设置下拉菜单默认值

在前端开发过程中,经常会用到下拉菜单,有时候需要设置默认选中的选项。本文将介绍如何使用 jQuery 设置下拉菜单的默认值。

HTML 部分

首先,我们需要在 HTML 文件中定义一个下拉菜单,如下所示:

<select id="myDropdown">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
  <option value="5">选项5</option>
</select>
jQuery 设置默认值

使用 jQuery 设置下拉菜单的默认值非常简单,我们只需要使用 val() 方法设置相应的值。如下所示:

$(document).ready(function(){
  $("#myDropdown").val("3");
});

上述代码将默认选中下拉菜单中的“选项3”。我们可以根据需要修改这个值。

完整代码
<!DOCTYPE html>
<html>
<head>
  <title>设置下拉菜单默认值</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
  <select id="myDropdown">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
    <option value="4">选项4</option>
    <option value="5">选项5</option>
  </select>

  <script>
    $(document).ready(function(){
      $("#myDropdown").val("3");
    });
  </script>
</body>
</html>
总结

本文介绍了如何使用 jQuery 设置下拉菜单的默认值。使用 val() 方法可以实现这个功能。以上就是本文的所有内容。