select2赋值

最新推荐文章于 2023-06-25 12:17:58 发布
最新推荐文章于 2023-06-25 12:17:58 发布
阅读量2.7k 收藏
点赞数 1
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41734885/article/details/83897975
版权

   最近工作中用到select2，遇到一些问题，记录一下

       使用select2发现使用以往的方法$('#xxx').val(xxx)不能使指定的option显示，它自己有特用的赋值方法：$('xx').val("value").trigger("change");指定值为value的option选中

但这种方法有弊端就是会触发你自己写的change事件，select2赋值最好还是用$('xx').select2("val","指定值")

RayG
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
select2 用ajax动态赋值后再次静态赋值
m0_38008130的博客
11-11 1492
select2 用ajax动态赋值后再次静态赋值 作为一个前端新手，记录一次愚蠢的bug，耗费了一天半的时间，最后发现真的是十分愚蠢，记录下来警醒自己。 过程是这样的，首先由于option量比较大，一次性加载会造成卡顿，我需要使select搜索框能够随着滚动分页加载，该功能顺利通过select2的ajax功能实现了，如下所示： $('#select').select2({ placeholder: "搜索站名", minimumInputLength: 0,
jquery 动态遍历select 赋值的实例
10-18
今天小编就为大家分享一篇jquery 动态遍历select 赋值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select2标签赋值
shitongshuo的博客
11-13 604
$("#id").select2(‘val’, $("#id2").val()); $("#id").html('id ').trigger(“change”);
select2赋值需要注意
weixin_30894389的博客
08-28 166
$('#mySelect2').val(data.id).trigger('change'); 需要在赋值后，调用下change事件，不然的话展示值的span不会显示select最新的选中值。 转载于:https://www.cnblogs.com/Tpf386/p/9550375.html...
Select2赋值问题
小妖爱纵横的博客
09-15 416
$('#acqMethod').select2('val', '0'); 这种方式是OK的，但是在Ajax中从result中赋值怎么也带不出值。 //最终赋值方法 $("#couponType").select2('val',''+result.couponType); 总结：如果是非字符串类型需要转换为String. ...
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...
jquery操作select取值赋值与设置选中实例
12-09
jquery实现select下拉框的取值与赋值，设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
select2.rar
02-17
select2常见的几种用法举例 包含初始化和后端加载数据 动态赋值等操作 包含ID和Name，支持模糊查找和搜索 js地址：https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css
jquery获取select选中值的文本,并赋值给另一个输入框的方法
10-18
今天小编就为大家分享一篇jquery获取select选中值的文本,并赋值给另一个输入框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select2 多选取值、赋值
iframe引用页面在父类页面调用函数只刷新子页面方法
07-14 1万+
//多选取值 function getMultiSelectVal(id) { return $.map($(&amp;amp;amp;amp;quot;#&amp;amp;amp;amp;quot; + id).select2('data'), function(value) { return value.id }).join(&amp;amp;amp;amp;quot;,&amp;amp;amp;amp;quot;); } //多选赋值 /
select2 ajax 设置默认值,初始值的方法
10-18
今天小编就为大家分享一篇select2 ajax 设置默认值,初始值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select2 取值 赋值
weixin_30776863的博客
10-23 295
项目中心引入了select2的插件。优势：可以多选、搜索，缺点：存取值不如select方便。 select2 取值： <script type="text/javascript"> //取text var strtext = $('#select2').select2('data').text;//取valuevar str2value= $("#select2").sele...
解决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}, ...
select2 多选赋值
qazxsw635241的博客
08-06 580
$.ajax("/ajax/getData", {'xxx':xxx}, function(data){ if (data != null) { data = eval('(' + data + ')'); var ids = new Array(); for(var i in data) { ids.push(data[i].hospital_id); } ...
jQuery Select2使用js赋值
热门推荐
ttloveyou8的专栏
05-20 2万+
select2把select标签画成了别的的东西，常规的select对象被jquery藏了起来，所以修改值的时候使用dom对象的触发器才行。 $("#month").val(“1”).trigger("change");
下拉选择插件select2赋值、创建、清空
weixin_30508241的博客
03-11 271
在select2中，设置指定值为选中状态 $("#select2_Id").val("XXXXX").select2()或者$("#latnId").val("XXXXX").trigger("change");第二种方法会出发change事件 如何获取select2，多选的值 var data = $("#latnId").select2("data") 赋值数组...
若依select2多选赋值
最新发布
wuyaohui233的博客
06-25 796
【代码】若依select2多选赋值。
使用jquery给select2赋值问题
sayoko06的博客
07-24 2万+
直接上代码 $("#requirement").select2("val", ["xxx"]); $("#requirement").val(["xxx"]).trigger("change"); 两种都可以，其中“xxx”表示option标签对应的value值，要用[ ]括号括起来，如果是单选，就只写一个值，如果是多选，可以放多个值得数组。...
Select2组件赋值方法失效
pp_lan的博客
04-22 1390
现象 业务中需要动态添加了一个select2的下拉，并回显，此时select2('val', 'abc')赋值的时候失败了 解决 使用select自身的val('abc')进行赋值，但是此时值改变了，也可以获取到，但是下拉框展示的时候还是没有变，此时调用下方法change，即可解决 $("select.target").val('abc').trigger('change'); ...
select 下拉框赋值
05-19
下拉框赋值通常分为两种情况： 1. 静态赋值：即在页面加载时就已经确定下拉框的选项，可以通过在 HTML 中使用 `<option>` 标签来实现。例如： ```html <select> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select> ``` 2. 动态赋值：即在页面加载后，通过 JavaScript 代码来动态生成下拉框的选项。一般情况下，可以通过以下步骤实现： - 获取需要赋值的下拉框元素，可以通过 `document.getElementById()` 或 `document.querySelector()` 来获取。 - 创建一个新的 `<option>` 元素，并设置其属性（例如 `value` 和 `text`）。 - 将 `<option>` 元素添加到下拉框中，可以通过 `select.appendChild()` 方法来实现。 例如，下面的代码可以将一个数组中的元素作为选项，动态地赋值给一个下拉框： ```html <select id="mySelect"></select> <script> var options = ["选项一", "选项二", "选项三"]; var select = document.getElementById("mySelect"); for (var i = 0; i < options.length; i++) { var option = document.createElement("option"); option.value = i + 1; option.text = options[i]; select.appendChild(option); } </script> ``` 上面的代码会生成一个有三个选项的下拉框，选项的文本分别为“选项一”、“选项二”和“选项三”，值分别为 1、2 和 3。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值