UU助手后台软文发布系统软文列表页面添加选中效果

jpress-web-admin/src/main/webapp/WEB-INF/admin/content/_index_include.html

@@ -1,28 +1,9 @@
 <style>
-	.bodyUas td.chooseUas input{
-		width: 150px;
-		height: 30px;
+	.bodyUas td.chooseUas select{
+		width: 130px;
+		/*height: 30px;*/
 		border: 1px solid #aaacad;
 	}
-	.bodyUas td.chooseUas ul{
-		width: 150px;
-		height: 100px;
-		overflow-y: auto;
-		background: #fff;
-		list-style: none;
-		border: 1px solid #aaacad;
-		display: none;
-	}
-	.bodyUas td.chooseUas input{
-		background: url("/jpress/static/jpress/admin/image/dot.png") no-repeat 130px center;
-		padding: 5px;
-	}
-	.bodyUas td.chooseUas input:focus + ul{
-		display: block;
-	}
-	.bodyUas td.chooseUas ul li:hover,.bodyUas td.chooseUas ul li.active{
-		background: #3a9cf4;
-	}
 	.bodyUas tr td.titleUas input{
 		margin-right: 5px;
 	}
@@ -32,13 +13,11 @@
 	.bodyUas tr:nth-child(even){
 		background: #f8f8f8 ;
 	}
+    /*分頁*/
+    .content .pageUas{
+        margin-top: 20px;
+    }
 </style>
-<#macro script>
-	$.ready(function(
-		var inputVal = $('.chooseUas input').val()
-		console.log(inputVal )
-	))
-</#macro>
 <#if module ?? && module.name=="uuhelper">
 	<!-- admin后台软文列表界面 -->
 	<section class="content-header">
@@ -97,10 +76,10 @@
 							<th width="20"><input type="checkbox"></th>
 							<th width="340">标题</th>
 							<th width="195">日期</th>
-							<th width="100">作者</th>
-							<th width="130">版权</th>
-							<th width="85">类别</th>
-							<th width="80">留言条数</th>
+							<th width="110">作者</th>
+							<th width="110">版权</th>
+							<th width="110">类别</th>
+							<th width="100">留言条数</th>
 						</tr>
 						</thead>
 						<tbody class="bodyUas">
@@ -108,59 +87,71 @@
 							<td><input name="dataItem" onclick="checkAll(this)" type="checkbox" value="0"></td>
 							<td></td>
 							<td class="chooseUas">
-								<input type="text" value="">
-								<ul>
-									<#if push_time_list??>
-										<#list push_time_list as push_time>
-											<li>${push_time!}</li>
-										</#list>
-									</#if>
-								</ul>
+								<select style="position: absolute;z-index: 1;"  class="choose"
+										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0">
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数大学网奥数</option>
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数</option>
+								</select>
 							</td>
 							<td class="chooseUas">
-								<input type="text" value="">
-								<ul>
-									<#if author_list??>
-										<#list author_list as author>
-											<li>${author!}</li>
-										</#list>
-									</#if>
-								</ul>
+								<select style="position: absolute;z-index: 1;"  class="choose"
+										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0">
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数大学网奥数</option>
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数</option>
+								</select>
 							</td>
 							<td class="chooseUas">
-								<input type="text" value="">
-								<ul>
-									<#if copy_right_list??>
-										<#list copy_right_list as copy_right>
-											<li>${copy_right!}</li>
-										</#list>
-									</#if>
-								</ul>
+								<select style="position: absolute;z-index: 1;"  class="choose"
+										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0">
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数大学网奥数</option>
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数</option>
+								</select>
 							</td>
 							<td class="chooseUas">
-								<input type="text" value="">
-								<ul>
-									<#if tag_list??>
-										<#list tag_list as tag>
-											<li>${tag!}</li>
-										</#list>
-									</#if>
-								</ul>
+								<select style="position: absolute;z-index: 1;"  class="choose"
+										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0">
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数大学网奥数</option>
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数</option>
+								</select>
 							</td>
 							<td class="chooseUas">
-								<input type="text" value="">
-								<ul>
-									<li>全部1</li>
-									<li>全部2</li>
-									<li>全部3</li>
-									<li>全部4</li>
-									<li>全部5</li>
-									<li>全部6</li>
-								</ul>
+								<select style="position: absolute;z-index: 1;"  class="choose"
+										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0">
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数大学网奥数</option>
+									<option value="volvo">文学集</option>
+									<option value="saab">哲学</option>
+									<option value="opel">雅思</option>
+									<option value="audi">大学网奥数</option>
+								</select>
 							</td>
 						</tr>
-
-
 						<#if page??> <#list page.getList() as bean>
                         <!-- class="jp-onmouse" 控制操作显示 -->
 						<tr class="jp-onmouse">
@@ -203,7 +194,7 @@
 			<!-- /.box-body -->
 		</div>
 
-		<div class="cf">
+		<div class="cf pageUas">
 			<div class="pull-right " >
 
 				<#if page??>