<!DOCTYPE HTML> <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <meta charset="utf-8"> <head> <th:block th:include="include :: header" /> <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-inventory-checkOut"> <div class="form-group"> <label class="col-sm-3 control-label">库存ID:</label> <div class="col-sm-8"> <input id="ids" name="ids" class="form-control" type="text" oninput="myFunction()" th:value="${id}" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">容器编码:</label> <div class="col-sm-8"> <input id="containerCode" name="containerCode" class="form-control" type="text" th:value="${containerCode}" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">库位编码:</label> <div class="col-sm-8"> <input id="sourceLocation" name="sourceLocation" class="form-control" type="text" th:value="${locationCode}" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">出库口:</label> <div class="col-sm-8"> <select id="port" name="port" class="form-control"></select> </div> </div> <div class="form-group"> <div class="form-control-static col-sm-offset-9"> <button type="submit" class="btn btn-primary">出库查看</button> <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button> </div> </div> </form> </div> <div th:include="include::footer"></div> <th:block th:include="include :: select2-js" /> <script type="text/javascript"> var prefix = ctx + "inventory/inventoryHeader" $("#form-inventory-checkOut").validate({ rules:{ ids:{ required:true, }, stationCode:{ required:true, }, }, submitHandler: function(form) { $.operate.save(prefix + "/checkOut", $('#form-inventory-checkOut').serialize()); } }); function myFunction() { var ids = document.getElementById("ids").value; console.log("ids:" + ids); var data = { "ids": ids }; $('#port').select2({ ajax: { url: ctx+'config/station/getStationFromInventory', dataType: 'json', type: 'post', data: data, success: function(data) { } } }); } $(function () { myFunction(); }) </script> </body> </html>