Question

我是Bootstrap设计的新手，目前在我的ASP.NET MVC5项目中使用它的Bootstrap v3.1.1版本。

我在“编辑个人资料”上打开一个表单点击按钮并编辑一些字段，如电子邮件。我想要做的是在关闭模态弹出窗口时将它们反映在主窗体上。

这是我的代码：

$('#EditProfile').on('hidden.bs.modal', function () {
debugger;
var newEmail = $("#txtEmailId").val();
$("#txtEmail").val() = newEmail;// = newEmail;

});

此外，我使用以下代码在主表单上显示电子邮件ID：

<tr>
    <th>Email</th>
        <td>
            <input readonly id="txtEmail" name="txtEmail" type="text" class="form-control"placeholder="Email" size="254" style="width: 200px;"/>
       </td>
</tr>

Answer 1

您需要使用：

$("#txtEmail").val(newEmail);

而不是：

$("#txtEmail").val() = newEmail;

Answer 2

Bootstrap 3 documentation指的是您可以使用的两个事件

hide.bs.modal ：调用hide实例方法后立即触发此事件。
hidden.bs.modal ：当模态完成对用户隐藏时将触发此事件（将等待CSS转换完成）。

并提供了如何使用它们的示例：

$('#myModal').on('hidden.bs.modal', function () {
   $("#txtEmail").val(newEmail);
});

建议您详细了解.val（）here

附加说明（与您的问题无关）请勿在您的html中使用内联样式，例如您如何使用此width: 200px;

Answer 3

你必须使用：

$("#txtEmail").attr('value',newEmail);

而不是

$("#txtEmail").val() = newEmail;

代码。

Answer 4

试试这个：

$("#txtEmail").text(newEmail);

或者这个：

$("#txtEmail").html(newEmail);

在Bootstrap模式弹出窗口关闭时，想要在主窗体上设置Textbox的值

4 个答案: