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

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>

转载于:https://my.oschina.net/u/3024515/blog/792946

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值