<!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="ids" name="ids" type="hidden" th:value="${ids}" > </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">区域:</label> <div class="col-sm-8"> <select id="zoneCode" name="zoneCode" 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:{ zoneCode:{ required:true, }, }, submitHandler: function(form) { positioning(); } }); function positioning() { var area = document.getElementById("zoneCode").value; var ids = document.getElementById("ids").value; var data = { "ids": ids, "area": area}; var url = ctx+"receipt/receiptContainerHeader/position"; $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: "post", dataType: "json", data: data, success: function(result) { $.operate.ajaxSuccess(result); } }; $.ajax(config) } function myFunction() { var data = { }; $('#zoneCode').select2({ ajax: { url: ctx+'config/zone/getData', dataType: 'json', type: 'post', data: data, success: function(data) { } } }); } $(function () { myFunction(); }) </script> </body> </html>