文档章节

jQuery select2设置默认值从列表中的一个选项

Z
 Z13
发布于 2017/01/18 16:38
字数 277
阅读 1579
收藏 0
<link href="/static/jquery-select2/3.4/select2.min.css" rel="stylesheet" />
<script src="/static/jquery-select2/3.4/select2.min.js" type="text/javascript"></script>
<link href="/static/bootstrap/2.3.1/css_cerulean/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script src="/static/bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>

 

由于在bootstrap框架中jquery-select2好像是有个外壳保护着的,用一般的jq :$("#area").find("option[text='pxx']").attr("selected",true);是无法给select设置选中的,要用select2内嵌的方法来设置$(“#area").select2().select2('val', val),val为option选项的value,而在给select添加选项的时候$("#area").append("<option value='"+item.id+"'>"+item.name+"</option>"),还要在在最后添加一句

$("#area").change();告诉select2框架代码已经更新了,需要重载。这样才能正确显示。

 

function getArea(areaId){
		$.ajax({
			url:"/***?areaId="+areaId,
			type:'get',
			dataType:'json',
			success:function(data){
				try {
					$("#area").empty();//	清空下拉列表
					if(data){//判断服务器返回的值是否为空
					$(data).each(function (i,item){                                     
                                              if(i==1){		
                                                     $("#"+selectId).select2().select2('val', item.id)//设定select 中的selected					    }
						     $("#area").append("<option value='"+item.id+"'>"+item.name+"</option>");
						      //给select 设定选项                                                })
					}else{
						$("#area").append("<option value=''>-- 请选择 --</option>");
					}
					$("#area").change();//告诉select2代码已经更新,需要重载
				} catch (e) {
					// TODO: handle exception
				}
			}
		});
	}

 

 

 

本文转载自:http://peak1992.iteye.com/blog/2285384

共有 人打赏支持
Z

Z13

粉丝 0
博文 8
码字总数 0
作品 0
广州
程序员
私信 提问
jQuery取得select选择的文本与值

jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取selec......

donny945
2014/10/10
0
0
使用jquery实现权限添加的效果

两个列表都可以多选, 实现如下效果: 1、双击第一个列表中任意一个列表项,实现向下添加 2、双击第二个列表中任意一个列表项,实现删除,山东海运青岛港推动经济新发展 2、点击按钮,实现对...

墙头草
2011/08/31
0
0
6月份最受欢迎的 15 个新的 jQuery 插件

每个月我们都会将上个月最新的和最受欢迎一些 jQuery 插件推荐给大家,现在让我们来看看上个月的最新热门 jQuery 插件吧。 1. jQuery++ jQuery++ 在 jQuery 1.7.x 的基础上增加了一些 DOM 助...

oschina
2012/07/04
5.1K
5
jquery select2()的用法

用jquery的select2()插件写了一个自动补全的搜索框,jquery版本是:1.10.2 select2()版本是3.5.4 部分代码如下:只要加上ajax属性就报:Uncaught Error: Option 'ajax' is not allowed for Sele......

easonjiven
2015/09/02
14.3K
2
37个超级棒的 jQuery菜单插件

导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用,方便用户。而用 jQuery 菜单插件制作出来的动态导航则能很好的满足这一点。jQuery 是一个轻量级的 JavaScript 框架,兼容 ...

墙头草
2012/03/22
18.3K
11

没有更多内容

加载失败,请刷新页面

加载更多

取变量的地址赋值给另一个变量,C通过,C++编译出错

取变量的地址赋值给另一个变量,C通过。正常运行,C++编译出错。 代码如下: #include <stdio.h>int main(int argc, char *argv[]){int x = 3;int *p = &x;int y = p;/*c ...

SamXIAO
45分钟前
1
0
利用隐写术实施攻击

尽管隐写术是一种低频攻击途径,但网络犯罪分子已经开始利用它结合社交媒体的普遍性和快速传播性来传递恶意有效负载。 低调但有效的隐写技术虽然是旧把戏,但将代码隐藏在看似正常的图像中,...

Linux就该这么学
45分钟前
2
0
YII2的乐观锁和悲观锁

乐观锁与悲观锁¶ Web应用往往面临多用户环境,这种情况下的并发写入控制, 几乎成为每个开发人员都必须掌握的一项技能。 在并发环境下,有可能会出现脏读(Dirty Read)、不可重复读(Unrep...

echojson
51分钟前
2
0
UCOS线程切换原理

黑客画家
57分钟前
3
0
最牛Java架构师进阶路线(年薪80W)

1、源码分析专题 详细介绍源码中所用到的经典设计思想,看看大牛是如何写代码的,提升技术审美、提高核心竞争力。 帮助大家寻找分析源码的切入点,在思想上来一次巨大的升华。知其然,并知其...

别打我会飞
57分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部