jQuery select2设置默认值为下拉列表中的一个选项

最新推荐文章于 2022-05-11 09:58:16 发布
最新推荐文章于 2022-05-11 09:58:16 发布
阅读量1.4w 收藏
点赞数
分类专栏： JQuery 文章标签： jquery select2 初始化 init 列表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Liucheng417/article/details/51261160
版权

一、select2中有initSelection接口，如图：



二、接口中有data-init和val，也就是初始化显示的值


三、在所需的jsp页面设置data-init和value值，如图：


（注：data-init为显示的值，value为表中的id值）

刘承c
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery select2设置选择的值
mochizuki的专栏
10-06 1万+
(function($){ selections = [ {id:1,text:'Enhancement'}, {id:2,text:'Bug'}, {id:3,text:'Duplicate'}, {id:4,text:'Invalid'}, {id:5,text:'Won\'t Fix'} ];
select2 下拉框设置默认值 jeesite
挤痘痘
08-26 3823
<form:select path="aa" class="input-xlarge "> <form:options items="${bb}" itemLabel="label" itemValue="value" htmlEscape="false"/> </form:select> 以上为
jQuery select2设置默认值从列表中的一个选项
h_wfeng的博客
03-22 2066
<link href="/static/jquery-select2/3.4/select2.min.css" rel="stylesheet" /> <script src="/static/jquery-select2/3.4/select2.min.js" type="text/javascript"></script> &
select2 设置值
淡淡的云彩恋歌
12-20 1975
select2 动态放值，并且显示放值id对应的text
select2插件设置选中值
惜照的博客
04-17 2万+
在select2中，设置指定值为选中状态$("#select2_Id").val("XXXXX").select2()或者$("#latnId").val("XXXXX").trigger("change");第二种方法会出发change事件如何获取select2，多选的值 var data = $("#latnId").select2("data")...
jquery获取下拉列表的值为null的解决方法
12-10
// 给下拉列表设定一个默认值 } ``` #### 4. 服务器端绑定默认选项 如果使用ASP.NET的`<asp:DropDownList>`，确保在服务器端添加一个默认的`<option>`，即使用户没有选择任何值，也会有一个默认值。 ```csharp ...
jquery+json 通用三级联动下拉列表
12-02
这种结构允许快速查找和填充下拉列表选项，实现了三级联动的效果。 总结来说，通过jQuery和JSON数据，我们可以创建一个兼容多种浏览器的通用三级联动下拉列表。这种实现方式不仅提高了代码的可读性和可维护性，还...
jq重置select下拉列表.docx
04-29
在网页开发中，select下拉列表是一种常用的表单控件，用于让用户从多个选项中选择一个或多个选项。然而，在某些情况下，我们需要重置select下拉列表，以便在不同的场景下显示不同的选项或清空选项。今天，我们将讨论...
一个轻量级jQuery插件用可定制的下拉选择取代原生select元素
08-09
本篇文章将详细介绍一个轻量级的jQuery插件——Hernan Sartorio的jQuery Nice Select，它能有效地用可定制的下拉选择组件替换原生的`<select>`元素，从而提升表单界面的视觉效果和用户交互体验。 jQuery Nice ...
layer插件select选中默认值的方法
10-18
然而，有时我们需要更灵活地控制选中默认值，比如在一个函数中处理多个select元素的默认值。在这种情况下，可以定义一个自定义函数，如`layuiSelected()`，这个函数接收select的id和期望的默认值作为参数： ```...
用select2设置指定值为选中状态并显示
didiei12647的博客
07-18 799
用select2设置指定值为选中状态并显示 $("#select2_Id").val("XXX").select2()； 或者； var obj= $("#table2_Id").select2(); obj.val("XXX").trigger("change"); 例子： <label class="col-sm-2 control-label red">户口类别：&lt...
下拉框数据有好几万，使用懒加载提升性能。
陈慕白的博客
09-02 3047
页面写法 <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label">关联律师</la...
如何设置下拉框多选以及设置多选值
09-04 4544
1.增加multiple属性值，name值加上[ ]，不加是单选例如： <select name="subtype[]" multiple style="height:100px;"> {volist name="sbtype" id="v"} <option value="{$v.id}">{$v.title}</option>
用JS初始化html中的下拉框select
csndmi的专栏
10-07 1万+
例如有如下的下拉框： 现在对其初始化 var options=[' ','晴','多云','小雨','大雪']; initselect('weather',options); 对应的JS代码如下： //初始化下拉框 function initselect(className,options){ var sele = document.getEle
select2 使用教程（简）
热门推荐
程序员蒋老湿的博客
11-10 8万+
用了这么久的Select2插件，也该写篇文章总结总结。当初感觉Select2不是特别好用，但又找不到比它更好的下拉框插件。 在我的印象里Select2有2个版本，最新版本有一些新的特性，并且更新了一下方法参数，比最初版本要好看一些，本文针对新版本。 官网：http://select2.github.io/ 演示： 请选择 由于博客系统的原因，所以只能演示简单
jinja2自带的所有过滤器
郭小郭的专栏
07-21 4818
FILTERS = { 'abs': abs, 'attr': do_attr, 'batch': do_batch, 'capitalize': do_capitalize, 'center': do_center,
记一次jquery: select下拉框默认设置选中项（利用数据回显）
m0_58017645的博客
05-11 9992
1. 用selected属性默认增加选中项： <select name="" id=""> <option value="1">主航线</option> <option value="2" selected>备航线</option> </select> --> 2.根据后台返回值进行回显，设置选中项 （假设后台返回被选中的下拉框数据为optionType为2） ❤ 法一 参考：关于select下拉框的数据回显.
Jquery 根据value值设置下拉列表（select）默认选中项
gududeyaoshi的博客
12-18 1万+
$("#selIndustyType option[value='1']").attr("selected", "selected");
select2 设置默认值 并且不触发事件
最新发布
06-10
你可以使用 jQuery 来设置 `select2` 的默认值，并且不触发事件。以下是一个示例代码： ```javascript // 设置默认值 $('#mySelect').val('defaultOption').trigger('change.select2'); // 不触发事件 $('#mySelect').val('defaultOption').trigger('change.select2', {skipTrigger: true}); ``` 在第一个示例中，我们使用 `.trigger('change.select2')` 触发了 `select2` 组件的 `change` 事件，以便更新 UI。而在第二个示例中，我们传递了一个 `{skipTrigger: true}` 参数，以便告诉 `select2` 不要触发事件。 注意，如果你只想设置默认值而不更新 UI，你可以简单地使用 `.val()` 方法，例如： ```javascript $('#mySelect').val('defaultOption'); ``` 但是如果你想同时设置默认值并更新 UI，就需要使用 `.trigger('change.select2')` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值