bootstrap-select，基本使用

最新推荐文章于 2021-12-12 23:45:54 发布

jhgnqq

最新推荐文章于 2021-12-12 23:45:54 发布

阅读量129

点赞数

分类专栏：前台控件文章标签： bootstrap html

本文链接：https://blog.csdn.net/jhgnqq/article/details/105703049

版权

前台控件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>testHtml.html</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">


    <!-- Bootstrap需要jQuery的支持，所以一定要导入jQuery开发包 -->
    <script type="text/javascript" src="resource/js/jquery-1.11.2.min.js"></script>
    <!-- Bootstrap所需要的一些组件的*.js文件 -->
    <script type="text/javascript" src="resource/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="resource/bootstrap/bootstrap-select/js/bootstrap-select.min.js"></script>

    <!-- Bootstrap所需要的一些基础样式 -->
    <link rel="stylesheet" type="text/css" href="resource/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="resource/bootstrap/bootstrap-select/css/bootstrap-select.min.css">



</head>

<body>
<div id="msgDiv">



    <select id="id_reconciliationDate" class="selectpicker show-tick form-control"
            data-live-search="false"
            onchange="centent1SelectOnchang(this)"
           >
        <option value="">请选择日期</option>
        <option value="2">20</option>
        <option value="3">30</option>
        <option value="4">40</option>
        <option value="5">50</option>
        <option value="6">60</option>
        <option value="7">70</option>
        <option value="8">80</option>
        <option value="9">90</option>

    </select>


</div>
<script>

    function centent1SelectOnchang() {
        alert( $("#id_reconciliationDate").find("option:selected").selectpicker('val').get('0').value);
/*      多选循环取值
		 var val = "", staffs = [];
        for (var i = 0; i < $("li.selected").length; i++) {
            val = $("li.selected").eq(i).find(".text").text();
            if (val != '') {
                staffs.push(val);
            }
        }
        console.log(staffs)*/

    }

    
//    1、获取下拉框的值：
//
//    var name=$("#id").val();
//
//    2、设置某项被选中：
//
//    $("#id").selectpicker('val', 1); //option中的value值
//
//    3、重置下拉框，默认第一项选中
//
//    $("#id").selectpicker('val', $("#id").find('option:first').val());
//
//    4、刷新下拉框
//
//    $("#id").selectpicker('refresh');
</script>
</body>
</html>

jhgnqq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap-select，基本使用

<!DOCTYPE html><html><head> <title>testHtml.html</title> <meta charset="UTF-8"> <meta name="keywords" content="keyword1,keyword2,keyword3"> ...
复制链接

扫一扫