select2使用

Love The Way You Lie 2021-12-01 11:26 293阅读 0赞

# select2的使用记录 #

## 引入需要的css和js ##

<link href="../../../assets/plugins/select2/select2_metro.css" rel="stylesheet" type="text/css" />
    <script src="../../../assets/plugins/select2/select2.min.js" type="text/javascript"></script>

## html代码 ##

<select id="sel_menu" class="form-control select2" name="pubArea" style="width: 100%;">
    													<option value=""></option>
    		</select>

## js代码 ##

function initSelect2WithSearch() {
    			 $("#sel_menu").select2();
    			var select=$("#sel_menu");
    			select.select2({
    				allowClear: true,
    				 placeholder: "请选择或者搜索",
    				escapeMarkup: function (m) {
    					return m;
    				}
    			})
    			
    			
    			$.myAjax({
    							url: "http://192.168.12.197:8088/unit/findReleaseScopeUnits.action",
    							type: "POST",
    								data:{'unitId':"1","parentUnitId": "1",typeId: "1"}, 
    							dataType: "json",
    							async: false,
    							success: function(res) {
    								if(res.resultCode==200){
    									for(let a=0;a<res.resultData.length;a++){
    										select.append("<option value='" +res.resultData[a].id+ "'>"+res.resultData[a].name+ "</option>");
    									}
    								}
    							}
    						});
    			
    			
    			
    			}

其实也很简单，这是自带搜索的，下边是select2的根据value值选中的语法

//根据value的值选中select2对应value的值
    select.val(value).trigger("change");

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 select2 使用详解下拉框搜索

【代码】select2 使用详解下拉框搜索。

梦里梦外;/ 2024年05月02日 20:21/ 0 赞/ 75 阅读

相关 ui-select2 不选中

/\\控制器中\/ /\\ui-select2 配置对象 \/ $scope.selectOpti

朱雀/ 2022年06月18日 00:42/ 0 赞/ 255 阅读

相关使用select2实现多选select下拉框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="re

àì夳堔傛蜴生んèń/ 2022年06月17日 05:46/ 0 赞/ 477 阅读

相关 Select2学习总结

本文主要是对Select2插件常用使用方法的一些总结。包括其单选、多选、分组显示、按照拼音搜索功能。并通过测试示例对其效果进行了验证。一、效果图 ![这里写图片描述][

拼搏现实的明天。/ 2022年06月02日 23:09/ 0 赞/ 174 阅读

相关使用Select2搜索框无法输入

1.检查下modal的div中是否有tabindex=”-1”；在onshown方法里面做处理，主要原理就是因为bootstrap的`tabindex='-1'

深碍√TFBOYSˉ_/ 2022年05月17日 05:12/ 0 赞/ 441 阅读

相关使用jquery给select2赋值问题

转载于：[https://blog.csdn.net/sayoko06/article/details/81189070][https_blog.csdn.net_sayoko

墨蓝/ 2022年03月25日 14:30/ 0 赞/ 297 阅读

相关 select2 属性Git一下

一、select2 属性 <table> <thead> <tr> <th>属性</th> <th>类型</th> <th>描述</th

ゝ一世哀愁。/ 2022年02月20日 00:59/ 0 赞/ 272 阅读

相关 select2使用

select2的使用记录引入需要的css和js <link href="../../../assets/plugins/select2/select2_m

Love The Way You Lie/ 2021年12月01日 11:26/ 0 赞/ 294 阅读

相关使用select2.js实现多功能下拉框,select2中文api

最近项目中有个需求是商品能够选择多个标签，类似jire中选择标签： ![这里写图片描述][20180213170257774] 能把选择后选项显示在输入框中，删除时连同整

爱被打了一巴掌/ 2021年07月26日 21:46/ 0 赞/ 1039 阅读

相关 Select2 三级联动

Select2 三级联动效果图

朱雀/ 2020年10月24日 17:26/ 0 赞/ 849 阅读