select2使用

select2的使用记录

引入需要的css和js



html代码


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[a].name+ "");
									}
								}
							}
						});
			
			
			
			}

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

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

你可能感兴趣的:(前台小功能)