zoukankan      html  css  js  c++  java
  • 下拉框带搜索

    1.引用 bootstrp

    <script src="../Scripts/JS_DatePicker/WdatePicker.js"></script>
    <script src="../Js/jquery-1.11.3/jquery.min.js"></script>
    <script src="../js/bootstrap/bootstrap-select.js"></script>
    <link href="../js/bootstrap/bootstrap-select.css" rel="stylesheet" />
    <link href="../js/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <script src="../js/bootstrap/bootstrap.min.js"></script>

    2.初始化

    $(function () {
    //$('.selectpicker').selectpicker({
    // 'selectedText': 'cat'
    //});
    });

    3.绑定

     <select id="sf" class="selectpicker bla bla bli"  data-live-search="true"   onchange="sf_ServerChange()"  runat="server"/> 

    <select id="ds" class="selectpicker bla bla bli ssle"  data-live-search="true"   runat="server"/> 

    4.绑定数据

    function sf_ServerChange() {//第一种Ajax绑定
    //var optionstring = "";
    //$.ajax({
    // url: "../AjaxPage/Handler.ashx",
    // cache: false,
    // data: { Type: "GetCity", province: $("#sf").val() },
    // dataType: "json",
    // success: function (data) {
    // if (data != null) {
    // for (var i = 0; i < data.length; i++) {
    // optionstring += "<option value="" + data[i].City + "" >" + data[i].City + "</option>";
    // }
    // }
    // $("#Select2").html(optionstring);
    // $('.selectpicker').selectpicker('refresh');//刷新
    // }
    //});
    '<%=getcity()%>';//第二种后台加载方法
    }

  • 相关阅读:
    redisTemplate
    HttpURLConnection下载文件流
    Quartz集成springMVC 的方案二(持久化任务、集群和分布式)
    https请求
    将一个 JavaBean 对象转化为一个 Map
    Redis实现简单消息队列
    Spring Boot RestTemplate文件上传
    获取java栈异常
    获取 *.properties配置文件内容
    java格式化json串
  • 原文地址:https://www.cnblogs.com/lacey/p/7662056.html
Copyright © 2011-2022 走看看