一、下拉框select标签的知识点
(1)设置select中的字体居中:text-align-last:center; https://blog.csdn.net/qq_35128300/article/details/88719298
(2)设置option没有边框:outline:none;border:none; https://jingyan.baidu.com/article/200957616c5de98b0621b469.html
二、获取多选框状态
获取多选框选中状态:var status = $("#id").prop("checked"); https://my.oschina.net/u/3552299/blog/2051607
attr和prop的区别:https://www.jb51.net/article/76588.htm
(注:使用prop可以实时获取用户的选中与取消操作状态)
三、页面数据处理
js取整:https://www.cnblogs.com/Marydon20170307/p/8831055.html
数据保留两位小数:使用toFixed()方法 https://blog.csdn.net/weixin_41745247/article/details/81388841
使用toFixed方法问题:https://blog.csdn.net/weixin_41997172/article/details/81511639
四、jsp基础之jstl<c:forEach>用法
后台传页面list列表,前台循环输出可以使用forEach标签:https://www.cnblogs.com/jokerjason/p/5740917.html
五、点击按钮出现弹出框
<div style="float: right;margin-top: -39px;color: white;font-size: 18px;cursor: pointer;"data-toggle="modal" data-target="#popup">弹出框</div> <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="position: absolute; top:30%; left:31%"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="title"> 弹出框标题 </h4> </div> <div class="modal-body"> <textarea id="content" class="form-control" rows="3" placeholder="弹出框内容"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" data-dismiss="modal" id="submit">提交</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div>
六、前台获取数据总结
原文:https://www.cnblogs.com/cxli99/p/12981445.html