select2 插件动态选中

最新推荐文章于 2023-06-15 15:53:00 发布

花落知多少z

最新推荐文章于 2023-06-15 15:53:00 发布

阅读量492

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ymxkybqw/article/details/85016963

本文介绍如何使用jQuery和Select2插件为下拉菜单设置预选值。通过实例代码展示了设置特定选项为选中状态的方法，并触发change事件以确保Select2正确显示。

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

<select id="sel">
  <option value="one">First</option>
  <option value="two">Second (disabled)</option>
  <option value="three">Third</option>
  <option value="four">four1111111</option>
  <option value="five">five2222222222</option>
  <option value="six">six66666666</option>
</select>

var sel = $("#sel").select2();    //获取selectid
sel .val("four").trigger("change");    //设置 value 为four的 option 为选中状态
sel .change();//告诉select2代码已经更新,需要重载  默认选择有值得第一个