频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
ajax获取、各种刷新、重置/验证样式
2018-09-29 13:59:09      个评论      
收藏   我要投稿

bootstrap / selectpicker 单选/多选/ ajax获取、各种刷新、重置 / 验证样式

在这里插入图片描述

单选:

<script type="text/javascript"> $("#sel1").selectpicker('refresh'); //完成需要的功能后 手动刷新对应的select $("#sel1").selectpicker('val',2); //设置指定选中的值 </script>

在这里插入图片描述

ajax动态设置:

function selTest(v) {
        $.ajax({
            // async:false,             //根据需求,选择同步或异步获取数据
            type: "post",
            url: url,
            dataType: "json",
            data:{"project_id": currentProId},
            success: function (json) {
                console.log(json);
                var Data=json.data,length=Data.length;
                if(length>0){
                    var html = "
"; for (var i = 0; i < length; i++) { html += ""; } $(ele).html(html); }else{ $(ele).html(""); } $(ele).selectpicker('refresh'); //设置好内容后刷新, 多用于异步请求 if(v>0){ $(ele).selectpicker('val',v); //如果需要同时设置显示指定的val } }, error: function () { console.log("请求失败"); } }); }

在这里插入图片描述

多选:

<script type="text/javascript"> //手动刷新 document.getElementById("add_station").options.selectedIndex = -1; $("#add_station").selectpicker('refresh'); //多选时收集选中项的val function selectedTrain(id1){ var str=[]; var obj = document.getElementById(id1); for(var i=0;i在这里插入图片描述

配合 bootstrapValidator 验证样式:

$(function(){
        $('.testForm')
            .bootstrapValidator({
                message: 'This value is not valid',
                excluded: [":disabled"],		//这句一定要加
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    bind:{
                        validators: {
                            notEmpty: {
                                message: '请选择'
                            },
                            callback:{      //多选验证用----------
                                message:'请选择',
                                callback:function (value,validator) {
                                    if(value==""){
                                        return false;
                                    }else{
                                        return true;
                                    }
                                }
                            }
                        }
                    }
                }
            })
            .on('success.form.bv', function(e) {
                e.preventDefault();
            });
    });
    

暂时想到这些,后面想到其他的再来补充
在这里插入图片描述

点击复制链接 与好友分享!回本站首页
上一篇:JS事件对象之事件对象作用及兼容实例解析
下一篇:js正则表达式验证邮箱用户名图文教程
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站