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

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 文档提到了两个您可以使用的事件

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

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

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

建议您在此处阅读有关 .val() 的更多信息

附加说明（与您的问题无关）不要在 html 中使用内联样式，就像您使用此width: 200px;

Answer 3

你必须使用：

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

代替

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

在你的代码中。

Answer 4

尝试这个：

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

或这个：

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