json数据 二级联动

 1 <head>
 2     <link href="static/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet" />
 3     <link href="static/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
 4     <link rel="stylesheet" href="static/bootstrap-select/bootstrap-select.min.css" />
 5 </head>
 6 <body>
 7     <div class="panel-body" style="padding-bottom:0px;">
 8         <div class="panel panel-default" style="margin:10px;">
 9             <div class="panel-heading">
10                 <span>查询条件</span>
11             </div>
12             <input >
13             <input name="id"             type="hidden"   value="${id}">
14             <div class="panel-body">
15                                 <!-- form表单 -->
16                 <form class="form-horizontal" >
17                     <div class="form-group" style="margin:0px">
18                         <!-- 一级选择框 -->
19                         <div class="col-sm-2" style="width:110px;">
20                             <label class="control-label" for="txt_search_departmentname">数据来源</label>
21                             <select class="form-control" >
22                                 <option code="" value="" selected="selected">全部</option>
23                                 <c:forEach var="dataSource" items="${dataSources }">
24                                     <c:choose>
25                                         <c:when test="${obj.dataSources == dataSource.dataSourceName}">
26                                             <option code="${dataSource.dataSourceCode}" value="${dataSource.dataSourceName }" selected="selected">${dataSource.dataSourceName}</option>
27                                         </c:when>
28                                         <c:otherwise>
29                                             <option code="${dataSource.dataSourceCode}" value="${dataSource.dataSourceName }">${dataSource.dataSourceName}</option>
30                                         </c:otherwise>
31                                     </c:choose>
32                                 </c:forEach>
33                             </select>
34                         </div>
35                         <!-- 二级选择框 -->
36                         <div class="col-sm-2" style="width:110px;">
37                             <label class="control-label" for="txt_search_departmentname">信息来源</label>
38                             <select class="form-control" >
39                               <option value="" selected="selected">全部</option>
40                             </select>
41                         </div>
42                         <div class="col-sm-1" style="text-align:left;">
43                             <button class="btn btn-primary" >查询</button>
44                         </div>
45                     </div>
46                 </form>
47             </div>
48         </div>
49         <!-- 查询结果的列表显示位置 -->
50         <div class=table-responsive">
51             <table >></table>
52         </div>
53     </div>
54     <script src="static/js/jquery-1.10.1.min.js"></script>
55     <script src="static/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
56     <script src="static/bootstrap-table/bootstrap-table.js"></script>
57         <script src="static/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
58     <script src="static/bootstrap-select/bootstrap-select.js"></script>
59     <script src="static/jsUtil/jquery.form.js"></script>
60     <script src="static/js/zaiqing_shenhe.js"></script>
61 </body>
zaiqing_shenhe.jsp

相关文章: