用jquery如何让select选中某值

最新推荐文章于 2020-07-21 11:17:22 发布

原创最新推荐文章于 2020-07-21 11:17:22 发布 · 986 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

82 篇文章

订阅专栏

本文介绍了如何通过jQuery来设置HTML中Select元素的默认选中项。提供了两种方法：一是直接利用option的value属性进行选择；二是使用select标签的val()方法来设置默认值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用每个option的value属性

<select id="select_id">
  <option value="北京市">北京市</option>
  <option value="广州市">广州市</option>
  <option value="上海市">上海市</option>
</select>
<script>
   $("#select_id option[value='广州市']").attr("selected", true);
</script>

或者利用select标签的val()方法

<html>
<body>
<select id="select_id">
  <option value="01">北京市</option>
  <option value="02">广州市</option>
  <option value="03">上海市</option>
</select>
<script language=JavaScript src="../js/jquery.js"></script>
<script>
   $("#select_id").val("02"); 
</script>
</body>
</html>