<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('日库存更新提示')" />
</head>
<style>
.danxuankuang{
margin-left: 20px;
}
</style>
<body class="gray-bg">
<div class="container-div">
<div class="danxuankuang">
<input style="margin-top: 0.8em;" type="radio" id="option1" name="group1" value="allOilTank">
<label for="option1">a</label>
</div>
<div class="danxuankuang">
<input style="margin-top: 0.8em;" class="tubiao" type="radio" id="option2" name="group1" value="oneOilTank">
<label for="option2">b</label>
</div>
<div class="danxuankuang">
<input style="margin-top: 0.8em;" class="tubiao" type="radio" id="option3" name="group1" value="twoOilTank">
<label for="option3">c</label>
</div>
<div class="danxuankuang">
<input style="margin-top: 0.8em;" class="tubiao" type="radio" id="option4" name="group1" value="threeOilTank">
<label for="option3">d</label>
</div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
function submitHandler() {
update()
}
function update() {
//单选框的值
var val=$('input:radio[name="group1"]:checked').val();
// console.log(val)
$.ajax({
cache : true,
type : "POST",
url : ctx+'/ab/timePointInventory/'+val,
data : val,
async : false,
error : function(request) {
// console.log(request)
$.modal.alertError("系统错误");
},
success : function(data) {
// console.log(data)
$.operate.successCallback(data);
}
});
}
</script>
</body>
</html>
Vue通过下拉框选择字典值，并将对应的label以及value值提交到后端
2024-04-01 22:22:02 13 阅读
