<!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"> <div class="col-sm-8"> <input id="id" name="id" type="hidden" th:value="${id}" > </div> </div> <div class="form-group"> <div class="col-sm-8"> <input id="type" name="type" type="hidden" th:value="${type}" > </div> </div> <div class="form-group"> <div class="col-sm-8"> <input id="containerCode" name="containerCode" type="hidden" th:value="${containerCode}" > </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 + "task/taskHeader"; $("#form-inventory-checkOut").validate({ rules:{ stationCode:{ required:true, }, }, submitHandler: function(form) { $.operate.save(prefix + "/setStation", $('#form-inventory-checkOut').serialize()); } }); function myFunction() { var containerCode = document.getElementById("containerCode").value; var type = document.getElementById("type").value; var data = { "containerCode": containerCode, "type":type }; $('#port').select2({ ajax: { url: ctx+'config/station/getStationFromType', dataType: 'json', type: 'post', data: data, success: function(data) { } } }); } $(function () { myFunction(); }) </script> </body> </html>