jquery 下拉框 select2 运用笔记

1,添加select2 样式参考（https://select2.org/ ）

2,Html:

</select>

3,jquery

@section scripts{

$(document).ready(function () {

var selectUpload = {
method: function () {
$.ajax({
type: "get",
url: "/Backstage/SelecType",
success: function (SelecList) {
for (var i = 0; i < SelecList.length; i++) {
var id = SelecList[i].Id;
var type = SelecList[i].英雄类型;
console.log('英雄类型 load success');
$("#txtType").append("<option value='" + id + "'>" + type + "</option>");
$('.select2').select2({
allowClear: true,
language: "zh-CN"

});

}
}
})
}
}
selectUpload.method();

}

});

封装function

效果图：

点击添加

4， jquery 动态加载：

$.ajax({
type: "post",
url: "/Backstage/GetTypeIds",
data: { Id: rowdata.Id },
success: function (typeIds) {
console.log(typeIds);
$('#txtType').val(typeIds).trigger('change'); （typeIds 后台返回的是 List<int>类型）
}
});

效果图：

后台加载出来

转载于:https://www.cnblogs.com/cfpl-wutao/p/10042938.html

jquery 下拉框 select2 运用笔记相关推荐

美化的下拉框select2
今天,向大家介绍一款简单.实用的bootstrap风格的JQuery插件--select2. select2是对select下拉框的改进.如果你对界面的美感又一定要求,你一定会抛弃select,坚决的 ...
jQuery下拉框元素操作
对select下拉中元素的操作:增.删.清空 <!DOCTYPE html> <html><head><meta charset="UTF-8&qu ...
JQuery下拉框与复选框
1. 先看下一个例子: 首先是一个下拉框 <table width="50%"> <tr> <td >选择资源类型:</td&g ...
学习 jQuery下拉框,单选框,多选框整理
获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $( ...
jQuery 下拉框应用拓展
jquery 书本上的一个例子书本上只写了从左边添加到右边,无非就是remove() 方法和 appendTo() 方法. 然而,我试过了,并不能像从左边添加到右边那样简单的把右边的删除到左边过来. ...
自动完成下拉框 Select2 关键字搜索的实例（本地数据与异步获取）
为什么80%的码农都做不了架构师?>>> 最终效果首先我们要有一个基础的文本框 <input name="test" type="hidd ...
jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...
c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式
Insert title here //ajax+select三种常用交互方式 window.οnlοad=function(){ test(); } function test(){ alert(& ...
jeestie框架中下拉框select2的用法
使用select2方法是为了使下拉框带有搜索选项,方便用户选择.使用前就是普通的下拉框,如果下拉的选项很多,你找起来会很费劲,使用select2就可以快速选择到你想要选择的选项了.下面将介绍几个常用的 ...

jquery 下拉框 select2 运用笔记

jquery 下拉框 select2 运用笔记相关推荐

最新文章

热门文章

jquery 下拉框 select2 运用 笔记

jquery 下拉框 select2 运用 笔记相关推荐

最新文章

热门文章

jquery 下拉框 select2 运用笔记

jquery 下拉框 select2 运用笔记相关推荐