thymeleaf+bootstrap,onclick实现传订单id到模态框中


下面是一个评价订单的功能代码


<a id="myModal" data-toggle="modal" data-target="#exampleModal" th:onclick="'javascript:Values('+${item.id}+')'">评价服务</a>

模态框代码

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">评价</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <form class="table" th:action="@{/order/evaluate}" method="post">
                    <input id="id" name="id" type="hidden" value=""/>
                    <span>请输入评价内容:</span>
                    <textarea class="form-control" aria-label="With textarea" name="evaluateContent"></textarea>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
js代码
<script type="text/javascript">
    $("#exampleModal").modal("hide");

    function Values(ID) {
        $("#id").val(ID);
    }
</script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>


猜你喜欢

转载自blog.csdn.net/S_simon/article/details/80889363