若依二次开发添加 select 下拉框变大和有空格存在

<th:block th:include=“include :: select2-css” />
<th:block th:include=“include :: select2-js” />
引入这个 js css 导致格式变宽大小不统一

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head><th:block th:include="include :: header('新增汇率')" /><th:block th:include="include :: datetimepicker-css" /><th:block th:include="include :: select2-css" />
</head>
<body class="white-bg"><div class="wrapper wrapper-content animated fadeInRight ibox-content"><form class="form-horizontal m" id="form-rate-add"><div class="form-group"><label class="col-sm-3 control-label is-required">年月：</label><div class="col-sm-8"><div class="input-group date"><input name="years" id="years" class="form-control" autocomplete="off"  placeholder="yyyy-MM" type="text" required><span class="input-group-addon"><i class="fa fa-calendar"></i></span></div></div></div><div class="form-group"><label class="col-sm-3 control-label is-required">币种：</label><div class="col-sm-8"><select name="currency" class="form-control" th:with="type=${@dict.getType('sem_exchange_currency')}"><option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option></select></div></div><div class="form-group"><label class="col-sm-3 control-label is-required">汇率：</label><div class="col-sm-8"><input name="exchangeRate"  class="form-control" type="number" step="0.1" placeholder="请输入保留四位小数" required  onkeyup="this.value= this.value.match(/\d+(\.\d{0,4})?/) ? this.value.match(/\d+(\.\d{0,4})?/)[0] : ''" ></div></div></form></div><th:block th:include="include :: footer" /><th:block th:include="include :: datetimepicker-js" /><th:block th:include="include :: select2-js" /><script th:inline="javascript">var prefix = ctx + "commerce/rate"/*$("#form-rate-add").validate({years: false,rules:{/!*years:{minlength: 2,maxlength: 20,remote: {url: prefix + "/checkYearsUnique",type: "post",dataType: "json",data: {"years": function() {return $.common.trim($("#years").val());}},dataFilter: function(data, type) {return $.validate.unique(data);}}},currency:{/!* currency:true,*!/remote: {url: prefix + "/checkCurrencyUnique",type: "post",dataType: "json",data: {"currency": function () {return $.common.trim($("#currency").val());}},dataFilter: function (data, type) {return $.validate.unique(data);}}},*!/},messages: {"years": {remote: "年月已经存在"},"currency": {remote: "币种已经存在"},},focusCleanup: true});*/$("#form-rate-add").validate({focusCleanup: true});function submitHandler() {if ($.validate.form()) {$.operate.save(prefix + "/add", $('#form-rate-add').serialize());}}$("input[name='years']").datetimepicker({format: "yyyy-mm",minView: 4,startView: 3,autoclose: true});</script>
</body>
</html>

修改

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head><th:block th:include="include :: header('修改汇率')" /><th:block th:include="include :: datetimepicker-css" />
</head>
<body class="white-bg"><div class="wrapper wrapper-content animated fadeInRight ibox-content"><form class="form-horizontal m" id="form-rate-edit" th:object="${semExchangeRate}"><input name="id" th:field="*{id}" type="hidden"><div class="form-group"><label class="col-sm-3 control-label is-required">年月：</label><div class="col-sm-8"><div class="input-group date"><input name="years" th:value="${semExchangeRate.years}" class="form-control" placeholder="yyyy-MM" type="text" required><span class="input-group-addon"><i class="fa fa-calendar"></i></span></div></div></div><div class="form-group">    <label class="col-sm-3 control-label is-required">币种：</label><div class="col-sm-8"><select name="currency" class="form-control" th:with="type=${@dict.getType('sem_exchange_currency')}"><option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{currency}"></option></select></div></div><div class="form-group">    <label class="col-sm-3 control-label is-required">汇率：</label><div class="col-sm-8"><input name="exchangeRate" th:field="*{exchangeRate}" class="form-control" type="text" required></div></div></form></div><th:block th:include="include :: footer" /><th:block th:include="include :: datetimepicker-js" /><script th:inline="javascript">var prefix = ctx + "commerce/rate";$("#form-rate-edit").validate({focusCleanup: true});function submitHandler() {if ($.validate.form()) {$.operate.save(prefix + "/edit", $('#form-rate-edit').serialize());}}$("input[name='years']").datetimepicker({format: "yyyy-mm",minView: 3,startView: 3,autoclose: true});</script>
</body>
</html>

若依二次开发添加 select 下拉框变大和有空格存在相关推荐

python获取select选中的值_Python3.x：遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式
Insert title here //ajax+select三种常用交互方式 window.οnlοad=function(){ test(); } function test(){ alert(& ...
html取消select下拉,取消下拉选项_jquery如何取消选择select下拉框
摘要腾兴网为您分享:jquery如何取消选择select下拉框,中邮网院,天天美剧,搜狐视频,七哈小说等软件知识,以及比特彗星,cad素材包,交易猫app,视频调色软件,网易云歌单,小米温湿度传感器 ...
vue 的elementui中select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了, ...
php下拉框选中效果,jquery模拟select下拉框效果
最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框.对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了 ...
Ant Design select下拉框突然拉长
Ant Design select下拉框在弹窗中被拉长在使用react+Ant Design的开发中使用select下拉框遇到了以下情况在弹窗里面 ,表单内容较多出现了下拉条,然后在点击搜索框输 ...
layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...
设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...

若依二次开发添加 select 下拉框变大和有空格存在

若依二次开发添加 select 下拉框变大和有空格存在相关推荐

最新文章

热门文章

若依二次开发添加 select 下拉框 变大 和 有空格存在

若依二次开发添加 select 下拉框 变大 和 有空格存在相关推荐

最新文章

热门文章

若依二次开发添加 select 下拉框变大和有空格存在

若依二次开发添加 select 下拉框变大和有空格存在相关推荐