Question

我有一张桌子：

<table class="table table-striped">
    <thead>
    <tr>
        <th>Naam</th>
        <th>E-mail</th>
        <th>Verwijderen</th>
    </tr>
    </thead>
    <tbody>
    @foreach($customers as $customer)
        <tr>
            <td><a href="{{ route('admin_customers_single', $customer->id) }}">{{ $customer->name }}</a></td>
            <td>{{ $customer->email }}</td>
            <td><a href="{{ route('admin_customers_delete', $customer->id) }}"><span class="glyphicon glyphicon-trash"></span></a></td>
        </tr>
    @endforeach
    </tbody>
</table>

当我点击锚点时，会打开一个包含数据的模型。

    $(document).on('click', 'a', function (event) {
        event.preventDefault();

        var url = $(this).attr('href');

        $.ajax({
            dataType: 'json',
            type: 'GET',
            url: url,
            success: function (data) {
                console.log(data);

                $('#nameInput').val(data.name);
                $('#genderInput').val(data.gender);
                $('#addressInput').val(data.address);
                $('#zipCodeInput').val(data.zip_code);
                $('#cityInput').val(data.city);
                $('#countryInput').val(data.country_id);
                $('#languageInput').val(data.language);
                $('#emailInput').val(data.input);

                $('#myModal').modal('show');
            }
        });
    });

数据显示，因此有效。

<a class="btn btn-primary" href="#" data-toggle="modal" data-target="#myModal" role="button">@lang('admin.customers_new')</a>

点击此锚点后，仍有数据.. 如何将模态重置为其默认内容？

Answer 1

使用hidden.bs.modal事件。

当模态完成隐藏时，会触发此事件 user（将等待CSS转换完成）。

$('#myModal').on('hidden.bs.modal', function (e) {
  // Reset the fields values here.
})

Source

打开后重置模态内容

1 个答案: