文档章节

【JS】记一些js里遇到的各种小问题..

冉小喵
 冉小喵
发布于 2016/11/23 15:39
字数 316
阅读 2
收藏 0

1.关于select 和 options

html:

<select class="form-control validate[required]" id="select_id">
   <option value="">请选择</option>
</select>

js:  

(1)异步获取并动态添加options

$.ajax({
    async:false,
    type: "post",
    url: "...",
    dataType: "json",
    success: function (data) {
        if (data == null) {
            // 没有
        }else {
            for (var i = 0; i < data.length; i++) {
                var option_type1 = $("<option>" + data[i].name + "</option >");
                option_type1.attr("value", data[i].guid);
                option_type1.appendTo("#select_id");
            }
        }
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {

    }
});

(2)同时有几个select相关时的操作

$("#select_id").change(function(){
    var select_value = $(this).children('option:selected').val();   //获取被选中的option的值
    //操作...
})

(3)删除options

$("#select_id").empty();    //empty是将所有的option清空,remove可以根据下标删除
------------------或者-----------------------
var obj = document.getElementById("select_id");
var count = obj.options.length;
for(var i = 0;i<count;i++){
    obj.options.remove(1);//每次删除下标都是1,这样可以保留下标为0的“请选择”
}

(4)页面若有值,需自动选中option内容

要在html里加入一个隐藏的input放select的值

<input type="hidden" id="select_hidden" value="${select_value}">

js自动选中:

var select_value = $("#select_hidden").val();
$("#select_id").val(select_value);

 

2.获取所有class的值

jsp:

<c:forEach var="teacher" items="${teacherList}">
    <input type="hidden" class="guid_hidden" value="${teacher.guid}">
    <input type="hidden" id="time_hidden_${teacher.guid}" value="${teacher.createTime}">
</c:forEach>

javascript:

<script type="text/javascript">
    var guids = $(".guid_hidden");   //获取所有class
    for(var i=0;i<guids.length;i++){   //循环分别获取每个class的值
        var guid = $(guids[i]).val();
        var create_time = $("#time_hidden_" + guid).val();   //运用
        .......
    }
</script>

© 著作权归作者所有

冉小喵
粉丝 1
博文 12
码字总数 2140
作品 0
私信 提问
WebAssembly进阶系列三:微信小程序支持webP的WebAssembly方案

导语:相信不少人听说过 WebAssembly,它是由 Google、Microsoft、Mozilla、Apple 等几家大公司合作发起的一个关于面向Web的通用二进制和文本格式的项目。现在就让我们一步步揭开WebAssembly...

Paul同学
07/20
0
0
php中ajax跨域请求---小记

php中ajax跨域请求---小记 前端时间,遇到的一个问题,情况大约是这样: 原来的写法: 前端js文件中: $.ajax({   type:'get',   url:'http://wan.xxx.com/xxx.js',   success:functio......

thinkyoung
2015/08/31
0
0
【javascript】source map

最近在学webpack,遇到一个从未见过的名词source map。便跑去百度了一番,对其有了一些了解。好记性不如烂笔头,在此记录一下,方便以后查询。 一:source map长啥样? 之前下载Jquery的时候...

小草先森
2017/10/26
0
1
记一次寻找Bug的经历-重新理解javascript原型和程序员瓶颈

记一次寻找Bug的经历 今天下午的时候,同事说发现了一个问题.Ext4做好页面,重新单击菜单动态加载一次,树就消失了.于是,我帮忙看了一下,一开始没认为是什么大问题.但是越调发现越不对.到快下班...

架构梦想
2014/04/04
0
0
JavaScript 浮点数运算的精度问题

在 JavaScript 中整数和浮点数都属于 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 这样的浮点数的结果是 而非 。在一些特殊的数值表示中,例如金额,...

xiaogg
01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mac部分目录读写提示“Operation not permitted”解决

今天试图在mac os x下重命名/usr/bin/python,提示Operation not permitted,虽然我是root,很奇怪。原来mac os x里还有一个安全机制:rootless,少用root。参考这篇文章如何开关rootless,不...

swingcoder
41分钟前
2
0
49.Nginx防盗链 访问控制 解析php相关 代理服务器

12.13 Nginx防盗链 12.14 Nginx访问控制 12.15 Nginx解析php相关配置(502的问题) 12.16 Nginx代理 扩展 502问题汇总 http://ask.apelearn.com/question/9109 location优先级 http://blog....

oschina130111
46分钟前
4
0
信必优成功案例 – 中国网络电视台(CNTV)

项目背景 •中国网络电视台(英文简称CNTV),由央视国际网络有限公司主办,是中央电视台旗下的国家网络广播电视播出机构。中国网络电视台全面部署多终端业务架构,已建设网络电视、IP电视、...

symbiochina88
47分钟前
6
0
redis cluster集群 三主三从

redis 集群一般由 多个节点 组成,节点数量至少为 6 个,才能保证组成 完整高可用 的集群。每个节点需要 开启配置 cluster-enabled yes,让 redis 运行在 集群模式 下。 redis5之后使用redis...

MonroeCode
48分钟前
2
0
新东方的Kubernetes实践:从服务化ES到Kafka和Redis

2017年,新东方开始了利用容器化手段将中间件业务服务化的探索,基于Rancher 1.6使用ES;2019年,新东方再次开始了扩大了中间件的业务服务化,基于Kubernetes使用Kafka、ES和Redis。在服务化...

RancherLabs
50分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部