jquery - 如何更改点击时的模式内容(Bootstrap)

Question

我正在寻找有关此问题的答案，但没有找到我需要的正确答案。我正在使用带有 Bootstrap 的模态对话框，并且我希望通过单击事件来更改模态的内容。

这是我的模式对话框代码

<div class="modal fade" id="myModal{{ $user->id }}" tabindex="-1" class="closemodal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title" id="myModalLabel">More About {{ $user->name }}</h4>
            </div>
            <div class="modal-body">
                <center>
                    <img src="http://bootdey.com/img/Content/user_1.jpg" name="aboutme" width="140" height="140" border="0" class="img-circle"></a>
                    <h3 class="media-heading">{{ $user->name }}<small>, USA</small></h3>
                    <span><strong>Skills: </strong></span>
                    <span class="label label-warning">HTML5/CSS</span>
                    <span class="label label-info">Adobe CS 5.5</span>
                    <span class="label label-info">Microsoft Office</span>
                    <span class="label label-success">Windows XP, Vista, 7</span>
                </center>
                <hr>
                    <center>
                        <p class="text-left"><strong>Email: </strong>
                            {{ $user->email }}</p>
                        <br>
                    </center>
            </div>
            <div class="modal-footer">
                <center>
                    <button type="button" class="btn btn-default" data-dismiss="modal">I've heard enough about {{ $user->name }}</button>
                    <button type="button" class="btn btn-danger" id="editUserAdmin">Edit informations</button>
                </center>
            </div>
        </div>
    </div>
</div>

点击按钮编辑信息后，我想更改所有内容，我想插入一些输入字段。

Answer 1

您可以创建函数:

function show_my_modal() {
    var modal = $('#my_modal_id');

    // change modal content
    modal.find('.i_want_to_change_value_of_element').val('element value');

    // show my modal:
    modal.modal('show');
}

您可以在按钮上使用onClick='show_my_modal();'