Javascript jQuery引导-重置模式上的表单值

我有一个仅包含一个表单字段的模式，但是一旦用户输入该值，即使模式关闭，它仍会保持不变。我希望它在关闭时重置，这样当模式再次打开时，表单是空的。我已经有了一些代码，但是它并没有正常工作。如果有人能帮忙，我们将不胜感激

HTML/Modal：

<!-- Modal -->
<div id="myModalViewAddress" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h4 class="modal-title">View Hidden Information</h4>
            </div>
            <div class="modal-body">
                <p>Please enter authorisation code</p>
                <form id="auth_form10">
                    <div class="form-group has-feedback" name="auth_code10" id="auth_code10">
                        <input class="form-control" id="auth_code_input10" autocomplete="new-password" name="auth_code_input10" type="password" required>
                        <span class="form-control-feedback glyphicon" id="iconBad10"></span>
                    </div>
                </form>
                <hr>

                <div id="modal-loader" style="display: none; text-align: center;">
                    <!-- AJAX loader -->
                    <img src="img/ajax-loader.gif">
                </div>

                <div id="dynamic-content-address" class="hidden">
                    <!-- Dyanamic address -->
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

---

这里有几个问题。您使用的是

.myModalViewAddress

而不是

#myModalViewAddress

。此外，您只需使用以下命令清除该值：

$('#myModalViewAddress').on('hidden.bs.modal', function() {
  $('#auth_form10 input').val('');
});

---

这里有几个问题。您使用的是

.myModalViewAddress

而不是

#myModalViewAddress

。此外，您只需使用以下命令清除该值：

$('#myModalViewAddress').on('hidden.bs.modal', function() {
  $('#auth_form10 input').val('');
});

试试这个：

onclick操作之后：

$('#auth_code_input10').val() == null;

试试这个：

onclick操作之后：

$('#auth_code_input10').val() == null;

---

您的问题是由于您的选择器而产生的

如果要重置表单元素，应使用

按其id选择表单，然后调用

.reset（）

方法

另外，由于您使用的是类选择器

$（'.myModalViewAddress'）

而不是id选择器

$（'.\myModalViewAddress'）

---

您的问题是由您的选择器引起的

如果要重置表单元素，应使用

按其id选择表单，然后调用

.reset（）

方法

另外，由于您使用的是类选择器

$（'.myModalViewAddress'）

而不是id选择器

$（'.\myModalViewAddress'）

---

谢谢，它现在工作得很好。当它允许我使用时，我会接受为正确的。谢谢，它现在工作得很好。当它允许我时，我会接受为正确。