select2 插件 动态选中

最新推荐文章于 2023-06-15 15:53:00 发布
最新推荐文章于 2023-06-15 15:53:00 发布
阅读量492 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 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代码已经更新,需要重载  默认选择有值得第一个

 

关于select设置动态值（自定义）为选中项
Nick_YayiAhoo的博客
07-17 2012
实际上这个标题是个伪标题，因为要使select框选中某个值，此值必须得是select内的某个option。即如果出现这种情况，需要使select框选中自定义的某个值，直接给select赋值，$("#select_id").val(something)是不可行的。故我们可以换种思路，先添加自定选项，然后再使select选中。 我在项目中是这样实现的，设置一个会话框，将自己需要添加的自定义内容输入至
jquery实现动态操作select选中
12-09
今天因为有项目需要动态操作select选中 习惯在百度上搜了一下 ,结果还是挺多的.试了其中一个 发现不能使用.打开第2,3 个发现都是一样的然后自己稍微研究了一下 代码如下:       //初始化select,第一个选中             $(‘#stoStoreCategoryID’).get(0).selectedIndex=0;             $(“#stoStoreCategoryID option”).each(function(i,n){                 if($(n).text()==data.scName)                
关于select2 默认选中 动态选中 显示,刷新选中等操作
热门推荐
会飞的程序猿的博客
05-22 5万+
关于select2设置不了 显示 却能设置 因为项目原因 用到了select2 而我一小白用传统select去设置 然后百度 gogle摸索来摸索去弄了2天，最后还是找到了 为了方便查找以后总结一下 顺便帮助广大网友 html代码 <select id="ddd"> <option value="one">First</option&g......
jquery select怎么设置动态选中
我爱吃红薯的博客
11-05 2333
html <select name="test" id="test" class="a"> <option value="">全部</option> <option value="1">a</option> <option value="2">b</option> &lt...
select标签 动态选择
ysma1987的专栏
04-19 1046
js函数 $(document).ready(function(){ var type = ""; $("#type").children().each(function(){ if($(this).val()==type){ $(this).attr("selected","selected"); } }); html select标签 选择类型 优快云
laravel框架select2多选插件初始化默认选中项操作示例
12-30
本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考，具体如下： 项目中有发送消息功能，需要能通过搜索，多选用户，来指定发送人。使用 select2 插件来完成。 select2 的 html ...
layer插件select选中默认值的方法
10-18
总结来说，要使layer插件的select选择框显示默认选中值，你可以直接设置select的value属性，或者使用layui的form模块的`render()`方法。如果需要更复杂的操作，例如在函数中动态处理多个select，可以使用`...
select2插件
08-20
**Select2插件详解** Select2是一款功能强大的前端选择器插件，专为HTML `<select>` 元素设计，提供了一种优雅、可定制且易用的替代方案。这款插件广泛应用于各种Web应用程序，特别是在那些需要用户进行多选或者...
动态获取Select的选中的值
liuliyueliuli的博客
06-15 294
动态获取Select的选中的值。
select标签 selected 选中状态动态设置
lcathm的专栏
02-14 4512
select标签 selected 选中状态动态设置 博客分类： 前端开发 CC++C#  方法1： Html代码   证件类型:  select id="zj">      option value="">          所有      option>      option value="IDCARD"          c:if test="${r
select2 动态下拉框插件以及开发心得
08-21
select2 动态下拉框插件以及开发心得
select标签设置默认选中，以及动态对其选项进行增删改查等操作
团长的博客
06-19 2578
方法有两种。 第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。 1 2 3 4 5 < select  id =  "sel" > < option  value = "1"&nb...
select2 根据option文本 设置选中，并触发改变事件
m0_37616866的博客
02-24 1571
select2 通过option 文本 设置选中，遇到问题记录
Select2插件 点击、选中事件 解读
qq_41742839的博客
05-20 821
Select2插件 点击、选中事件 解读 首先说下默认的配置 JS $(’.select’).select2({ placeholder: ‘Select an option’ }); HTML 这个就可以很简单的使用了 其他配置项可以到官网看 http://select2.github.io/options.html#core-options 今天主要说下事件 原因 在开发中遇到最多的就是ajax加载数据之后，选中的一个时，要进行二级联动，甚至三级联动 这个就需要事件的支持了 正题： 开发中最常用的就是
select动态选择数据以及获取值相关
黑呆呆
07-05 2143
一、根据某个特定的值动态选中select下的option（1）&lt;option&gt;待审核&lt;/option&gt;      $("#status").find("option:contains('待审核')").attr("selected",true);（2）&lt;option value = '1'&gt;待审核&lt;/option&gt;$("#sta
select2 动态搜索，赋初始值--各种问题总结呀
Apollo47的专栏
01-19 3万+
select2问题很多，使用过程中各种问题，总结一下。 我用的是jquery select2-3.4版本。 因为编辑界面有个字段要选择输入，可选择数据太多，所以采用边输边搜。 一开始网上搜了select2动态搜索的用法，网上有一些，大家可以参考一下以下帖子。 http://www.jianshu.com/p/c5ab74b91b2e http://www.cnblogs.com/li
select2插件设置选中值并显示的问题
weixin_30337157的博客
11-07 328
在select2中，要想设置指定值为选中状态并显示： $("#select2_Id").val("XXXXX").select2() 或者 var obj= $("#table2_Id").select2(); obj.val("XXXXX").trigger("change"); 转载于:https://www.cnblogs.com/Amaris-Lin/p/77...
jq-jquery根据内容设置select和input radio选中
caizixinyuan的博客
04-03 5152
【代码】jq-jquery根据内容设置select选中。
前端插件之Select2使用
weixin_30458043的博客
07-30 675
工欲善其事，必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件，上一篇文章介绍了bootstrap-duallistbox这个插件的使用，这一篇开始Select2的征服之旅 Select2是一款基于JQuery的下拉列表插件，主要用来优化select，支持单选和多选，同时也支持分组显示、列表检索、远程获取数据等众多好用的功能 项目地址：https://selec...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值