开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Select2 "selected"：true不起作用

Select2是一个基于jQuery的下拉选择框插件，它提供了更强大和灵活的功能，可以改善用户在网页中选择选项的体验。在Select2中，"selected"属性用于指定默认选中的选项，但有时候会出现"selected"：true不起作用的情况。

造成"selected"：true不起作用的原因可能有以下几种：

数据加载顺序问题：如果在初始化Select2之前就设置了"selected"属性，那么Select2可能会忽略这个属性。解决方法是在初始化Select2之后再设置"selected"属性。
数据格式问题：Select2要求数据以特定的格式进行加载，如果数据格式不正确，"selected"属性可能会被忽略。确保数据格式正确，例如使用JSON格式。
异步加载数据问题：如果使用Ajax异步加载数据，"selected"属性可能会在数据加载完成之前被忽略。可以在数据加载完成后手动设置选中项。
使用val()方法设置选中项：有时候直接使用val()方法设置选中项会覆盖"selected"属性的效果。可以尝试使用trigger("change")方法来触发选中事件。

总结起来，解决"selected"：true不起作用的方法包括确保设置"selected"属性的时机正确、数据格式正确、处理异步加载数据的情况以及使用正确的方法设置选中项。

腾讯云提供了云计算相关的产品，其中与前端开发和下拉选择框插件相关的产品是腾讯云COS（对象存储），它提供了高可靠、低成本的对象存储服务，可以用于存储和管理静态资源文件。您可以通过以下链接了解腾讯云COS的详细信息：https://cloud.tencent.com/product/cos

相关搜索:app:passwordToggleEnabled="true“不起作用 blank=True在CloudinaryField()上不起作用 data-maintain selected=“true”无效 FireBase getToken(/ forceRefresh / true)不起作用 JqGrid编辑规则编号true不起作用 ng-selected表达式返回true，但没有选择 passwordToggleEnabled设置为true，但不起作用 QT setMouseTracking(true)根本不起作用 Rails 6 remote: true和multipart: true文件上传不起作用 Select2在jquery加载后不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

select2 api参数的文档

是否允许选择多个值 openOnEnter 打开下拉如果设置为true,当用户按下回车键,Select2关闭。...nextSearchTerm 函数函数用于确定下一个搜索词应该是什么 $("#e1").select2(); $("#e1").click(function () { alert("Selected...() { alert("Selected value is: "+$("#e2").select2("val"));}); // 获取选中的ID值 $("#e1").click(function ()...alert("Selected value is: "+JSON.stringify($("#e2").select2("data")));});// 获取选中JSON对象 $("#e1").click..."}]); }); ---- // 加载数据 $("#e11").select2({ placeholder: "Select report type", allowClear: true

5.8K5 0

Django接口新增页面编写_2（十五）

col-5" style="width: 20%;" tabindex="-1" aria-hidden="true"> GET...span> 传输协议： http https... <span class="<em>select2</em> select2-container select2-container--default

9725 0

laravel-admin select框默认选中的方法

laravel-admin后台框架的select选择框的默认选中，结合select2的js插件；文档http://laravel-admin.org/docs/#/zh/model-form-fields...id=select%E9%80%89%E6%8B%A9%E6%A1%86；文档里面没有看到这个默认选中的属性，也可能是我没有找到；查阅了select2的文档看到了selected属性，通过曲线的方式实现了这个功能...Id; $result[$key]['text'] = $value- name; if ($value- Id == $id) { $result[$key]['selected...'] = true; } } if (!...$id) { array_unshift($result,['id'= ' ','text'= '请选择场所','selected'= true]); }else{

3.1K3 1

bootstrap模态框之加载页面至modal-boby

reserveDialogModal" tabindex="-1" style="display: none" aria-labelledby="myModalLabel" aria-hidden="true...场地预定 <span aria-hidden="<em>true</em>...<select class=" form-control input-sm" id="frequency" name="frequency" class="<em>select2</em>...html(result); $("#reserveDialog").click(); $("#reserveForm .select2...").select2({ width: '100%' }); $('#reserveForm

4.5K2 0

下拉框、下拉控件之Select2。自动补全的使用

3、初始化select2。...，关键点在于，将select下拉框里面的id进行定义然后初始化select2 21 $("#jobdbNameCategory").select2(); 22 }); 23 ...4、模拟的使用select2插件进行下拉框来进行自动补全。...="1"的元素 27 function findByName(){ 28 //初始化select2 29 var areaObj = $("#area").select2..." style="width:300px;"> 42 请选择区域省或直辖市 43

2.4K4 0

python_day15_前端_jQue

/* $("#add").click(function () { //方法二 var $options=$("#select1 option:selected"); ...#select1 option:selected"); $("#select2").append($options); }); $("#add_all").click(...) }); $("#remove").click(function () { var $removes = $("#select2 option:selected");..."); $("#select2").append($options) }) $("#select2").dblclick(function () { var... $remove2 = $("#select2 option:selected"); $("#select1").append($remove2) })

6K2 0

Django接口新增页面编写（十四）

class="form-group"> 请求方式 <select class="form-control <em>select2</em>...select2-hidden-accessible" style="width: 100%;" tabindex="-1" aria-hidden="<em>true</em>..."> GET POSTDELETE <span class="dropdown-wrapper" aria-hidden="<em>true</em>

6313 0

jquery操作select的几种情况

.}); //获取Select选择的 Text var checkText=$("#select_id").find("option:selected").text(); //获取Select...$("#select_id ").val(4); //设置Select的Text值为jQuery的项选中 $("#select_id option[text='jQuery']").attr("selected...", true); 2、删除选中的 select 的 option....//删除下拉列表中选中的项 $remove.appendTo('#select2'); //追加给对方 7、判断在 select 框中是否存在某一个值的选项 function...false; for(var i=0;i<count;i++){ if ($(theid).get(0).options[i].value == value){ isExist=true

6442 0

displaytag如何实现获取到每行的id字段的值。

"resource/table/bootstrap-table.min.css"> 20 24 <script type="text/javascript" src="resource/<em>select2</em>...POST', 43 url : url, 44 dataType : 'json', 45 //traditional : <em>true</em>...<em>selected</em>':'' }>图书作者 82 图书类别 83 84 <input type="text" name

4.7K2 0

form表单美化插件之jqTransform

inputtext"/> 地区省北京陕西省市 <option

1.3K5 0

实习第六周

数据分析 .........switch (n) { case "1": $scope.select1 = true;...break; case "2": $scope.select2 = true

5002 0

ui-select官方教程（一）——入门简介

要求 Angular >=1.2.18 ngSanitize module添加 jQuery（旧版浏览器支持可选） Bootstrap (v3)/Select2/Selectize CSS适当引用浏览器兼容性版本在...var module = angular.module('myapp',['ui.select', 'ngSanitize']); 基本例子 html代码 </ui-select-match...{id: 4, name: 'fourth' }, {id: 5, name: 'fifth' }]; $scope.selected... 是控件的选中显示，通过”$select.selected”可以拿到选中的对象是控件的下拉部分。

3K1 0

Ajax方式分页加载列表实现

document.body.removeChild(script); } else { timeout_bool = true...true : options.async, //是否异步，默认为true. timeOut = options.timeOut, //超时时间。...").siblings().removeClass("selected"); $("#select1>dd").removeClass("selected...selectB").on("click", function () { $(this).remove(); //$("#select2....select-all").addClass("selected").siblings().removeClass("selected"); $("#select2

3.4K2 0

学习jQuery？这篇文章就够了

', true); } script> 2、列表移动 2.1、准备页面新建 webapp/jq_01/11.select.html <meta http-equiv...')" value="-->"/> "/> 撩妹 div> <input type="button" id="btn_checkAll" onclick="checkAll(<em>true</em>...function () { check(); }); }); function check() { var total = <em>true</em>

12.3K1 0

ui-select官方教程（二）——ui-select指令

ui-select的指令和事件属性选项描述值默认值 multiple 多选，直接加上multiple属性 close-on-select 在多选情况下，选中一项，就关闭下拉项 boolean true...,array undefined search-enabled 搜索功能 boolean true reset-search-input 选中一项后清楚搜索数据 boolean true theme 主题...，有’bootstrap’、 ’select’、’select2’ String bootstrap’ autofocus 加载时自动获得焦点 boolean true focus-on 定义一个监听事件的名字...; uiSelectConfig.appendToBody= true; }); 主题 ui-select有下列主题： l bootstrap l select2 l selectize 主题可以设置为全局配置...文件: 版本select2~3.4.5 CDN: <link rel

2.6K1 0

select2 使用教程（简）「建议收藏」

比如：清除功能allowClear: true 最新版本请使用标签（对于本地化的数据你可以使用input，但ajax远程数据必须使用select）二.placeholder...({ data: data, placeholder:'请选择', allowClear:true }) 四.加载远程数据 $("#c01-select").select2({ ajax...processResults: function (data) { return { results: data }; }, cache: true...);//不可用七.启用多选 $("#c01-select").select2({ data:data, multiple: true }); 多选演示：由于博客系统原因只能演示选择八....[0].names 4.停用或启用：(“select”).enable(false);（老版）；(“select”).prop(“disabled”, true);（新版） 5.主题样式：新版的样式已经更新

20.5K2 0

JQuery 获取选中select下拉框的value和text的值，合并成数组传给后端

="col-md-5 col-sm-5 col-xs-5"> <select id="workArea" class="form-control <em>select2</em>...getSelectArea() { var selectArea = new Array(); //创建list集合 $("#workArea option:selected...this).val(); selectArea.push(obj); }); $("#workArea option:selected

2.6K1 0

使用select2分批异步加载大量数据

最终找到了select2这个插件。...html代码： js代码 $(".select2").select2({ theme: "bootstrap...", allowClear: true, placeholder: "请选择一个游戏", ajax:{ url:"/analysis...params.term, page: params.page || 1 }; }, cache:true

1.8K2 1

laravel框架select2多选插件初始化默认选中项操作示例

使用 select2 插件来完成。...') }}", //返回的数据类型 dataType: "json", //延迟时间，毫秒 delay: 500, //是否缓存 cache: true,..., allowClear: true }); 后端返回的数据如下，直接使用 laravel 的 paginate() 方法返回分页数据。...$("#spread_select").val([1, 2]).trigger("change"); 但是我们这里select2的option是通过ajax动态加载的，刚进页面时，select2的ajax...根本没有触发，导致select2中没有option元素，更无法被选中。

2.7K5 1

08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器

标签有则选，没则添加而Bootstrap-Select的文本框是不可以手动输入的==》so，用了Select2，这个可以不依赖Bootstrap 两种我都做了Demo，至于取舍就看你自己了~ 先看在LoT.UI...--------------------------------------------------------------------------------------------------- Select2.../select2.min.js"> $('#lot-tagSelect').select2({...tags: true, tokenSeparators: [',', ' '] }); $('#btn').click(function.../select2

7939 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭