select2赋值需要注意

最新推荐文章于 2022-04-22 11:28:36 发布
最新推荐文章于 2022-04-22 11:28:36 发布
阅读量166 收藏
点赞数
原文链接：http://www.cnblogs.com/Tpf386/p/9550375.html
版权

 

$('#mySelect2').val(data.id).trigger('change');

需要在赋值后，调用下change事件，不然的话展示值的span不会显示select最新的选中值。

 

转载于:https://www.cnblogs.com/Tpf386/p/9550375.html

weixin_30894389
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SQL中SET和SELECT赋值的区别
03-08
首先，需要注意的是，SET 和 SELECT 都可以用于赋值，但是它们的使用场景和效果不同。SET 是一种基本的赋值方式，它可以将一个值赋给一个变量，但是它一次只能对一个变量进行赋值。如果需要对多个变量赋值，需要使用...
select2常规操作~初始化、设置默认值、加载、多选、获取数据、清空、动态添加option....
xiaozhegaa的博客
03-12 1万+
1
select2赋值
qq_41734885的博客
11-09 2786
   最近工作中用到select2，遇到一些问题，记录一下        使用select2发现使用以往的方法$('#xxx').val(xxx)不能使指定的option显示，它自己有特用的赋值方法：$('xx').val("value").trigger("change");指定值为value的option选中 但这种方法有弊端就是会触发你自己写的change事件，select2赋值最好还是...
select2 多选取值、赋值
iframe引用页面在父类页面调用函数只刷新子页面方法
07-14 1万+
//多选取值 function getMultiSelectVal(id) { return $.map($("#" + id).select2('data'), function(value) { return value.id }).join(","); } //多选赋值 /
select2 用ajax动态赋值后再次静态赋值
m0_38008130的博客
11-11 1492
select2 用ajax动态赋值后再次静态赋值 作为一个前端新手，记录一次愚蠢的bug，耗费了一天半的时间，最后发现真的是十分愚蠢，记录下来警醒自己。 过程是这样的，首先由于option量比较大，一次性加载会造成卡顿，我需要使select搜索框能够随着滚动分页加载，该功能顺利通过select2的ajax功能实现了，如下所示： $('#select').select2({ placeholder: "搜索站名", minimumInputLength: 0,
Select下拉框中onchange事件赋值选择的option的value值的方法
kiven9609的博客
03-19 1407
方法一： <select οnchange="getSelectValue(this.value)"> <option value=" "></option> </select> 方法二： <select οnchange="getSelectValue(this.options[this.options.selected...
jquery select(列表)的操作（取值/赋值）
01-19
1.获取选中值： $(“#xmzt option:selected”).val() //xmzt是<select>的id 2.设置选中项：$(“select[@id=’pagesize_slt’]”)[0].selectedIndex = 1;//—–<select>...这点需要注意。
sqlserver存储过程中SELECT 与 SET 对变量赋值的区别
12-15
SQL Server推荐使用 SET 而不是 SELECT 对变量进行赋值。当表达式返回一个值并对一个变量进行赋值时，推荐使用 SET 方法。下表列出 SET 与 SELECT 的区别。请特别注意红色部分。   set select 同时对多个变量...
elementUI select组件使用及注意事项详解
10-16
本篇文章将深入探讨如何使用ElementUI的Select组件以及需要注意的关键点。 首先，我们需要了解Select组件的基本结构。在示例代码中，可以看到一个典型的`el-select`组件被用来展示姓名选择的下拉列表： ```html ...
select、radio表单回显功能实现避免使用jquery载入赋值
11-30
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下: <html> <body> <form method=”post” action=””> <!– 如果表单中使用重置功能时，不推荐使用如下代码 –> <input ...
select2 选中获取值和赋值
活跃的技术客
07-17 6377
//取name值 var select2value = $("#select2").select2("val"); var select2value = $("#select2 option:checked").val(); var select2value = $("#select2").find("option:selected").val(); //取name值 var sele...
select2标签赋值
shitongshuo的博客
11-13 604
$("#id").select2(‘val’, $("#id2").val()); $("#id").html('id ').trigger(“change”);
select2多选设置select多选，select2取值和赋值
热门推荐
稳哥的小灶
11-05 7万+
select2设置select多选，select2取值和赋值,作为筛选条件的时候，取值相对简单，把选中的id值转为字符串传给后端查询，查询之后会刷新页面，为了在下拉框中显示刚刚选中的值，就需要给select赋值，可以将刚才传给后端的字符串再传回前端，然后转为一位数组，再赋值给select2就会显示刚刚选中的值，赋值方法：$('#id').val(arr).trigger('change')，id为...
Select2组件赋值方法失效
pp_lan的博客
04-22 1390
现象 业务中需要动态添加了一个select2的下拉，并回显，此时select2('val', 'abc')赋值的时候失败了 解决 使用select自身的val('abc')进行赋值，但是此时值改变了，也可以获取到，但是下拉框展示的时候还是没有变，此时调用下方法change，即可解决 $("select.target").val('abc').trigger('change'); ...
select2 取值 赋值
weixin_30776863的博客
10-23 295
项目中心引入了select2的插件。优势：可以多选、搜索，缺点：存取值不如select方便。 select2 取值： <script type="text/javascript"> //取text var strtext = $('#select2').select2('data').text;//取valuevar str2value= $("#select2").sele...
Bootstrap-select2 ajax动态取值赋值
m0_37639018的博客
04-26 3233
最近接手了一个bootstrap框架的项目，下拉列表采用的select2，对于select说好处是支持搜索、多选，但是取值、赋值就麻烦许多了。直接上代码 $('#id’).select2({ dropdownParent: $("#parent"), width:200, allowClear: true, placeholder : "请选择", aj...
select2动态填充数据（option普通版），初始赋值
hangGe0111的博客
12-29 2801
1.代码(普通版) &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0
Select2单选赋值与初始化失败解决方法（天坑）
BBBling的博客
04-09 2437
最近前端实习，要写一些后台管理系统的页面 用了Bootstrap4，引入了Select2这个插件（https://select2.github.io/） 一个小Bug花了两个多小时都搜到谷歌才解决，废话少说直接上问题 写了一个如上图所示的表单，下拉框用是用Select2插件，希望实现一个功能：点击【重置】按钮后可以初始化上面的五个输入。 就拿”车辆年份“来说 实现代码如下（记得先引入Selec...
解决select2默认赋值问题
Bloxed_shangyc的博客
09-04 1万+
1、数据来源于静态数据 $(".test").select2({ width: "100%", minimumResultsForSearch: -1, data:[{id:1,name:1},{id:2,name:2}, {id:3,name:3},{id:4,name:4}, ...
layui的select赋值
最新发布
08-16
Layui是一个简单易用的前端UI框架，其中包含了很多常用的组件，其中之一就是select（选择器）。 在Layui中，通过select组件可以实现下拉列表的选择功能。要赋值给select组件，可以使用Layui中的form模块的setValue方法。 首先，需要在页面中引入Layui的相关资源文件，包括Layui的CSS样式文件和JavaScript脚本文件。 接下来，在HTML代码中创建一个select元素，并给它一个唯一的ID，以便后续使用。例如： ```html <select id="selectDemo"></select> ``` 然后，在JavaScript代码中调用Layui的form模块的setValue方法来给select赋值。例如： ```javascript layui.use('form', function(){ var form = layui.form; // 赋值 var data = [ {value: '1', text: '选项1'}, {value: '2', text: '选项2'}, {value: '3', text: '选项3'} ]; form.val('selectDemo', data[0].value); // 选中第一个选项 }); ``` 上述代码中，'selectDemo'是之前给select元素定义的ID，data是一个数组，包含需要赋值的选项的数据。然后，使用form.val方法将第一个选项的值赋给select元素。这样，即可通过Layui的select组件实现赋值功能。 需要注意的是，要使用Layui的form模块的setValue方法，首先需要通过layui.use方法引入form模块。另外，select元素的ID必须与setValue方法中的参数保持一致。 总之，通过Layui的select组件赋值是一个简单的过程，只需要使用form模块的setValue方法即可实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值