用数据预填充 bootstrap 模态表单字段

Question

我正在使用 bootstrap 模式创建一个扩展，其表单字段是标题和描述。我想 pre-fill 使用 "document.title" 的网页标题的标题表单字段。

我的 extension.js;

中有此代码

$("#myModal").bind( 'show', function () {
        $("#title").val(document.title);
});

预填无效的标题字段。

我愿意听取有关如何解决此问题的建议。

我正在使用 crossrider api 创建扩展。该扩展程序在网页上的 right-clicking 上下文菜单上显示 bootstrap 模式。谢谢

Answer 1

这取决于您使用的 bootstrap 版本。 Bootstrap 为大多数插件的独特操作提供自定义事件。从 3.0.0 开始，所有 Bootstrap 事件都已命名空间。

$('#myModal').on('show.bs.modal', function (e) {
   $("#title").val(document.title);
})

或者：

$('#modal-content').on('shown.bs.modal', function() {
    $("#title").val(document.title);
})

您的问题可能是输入错误，但您的选择器无法正常工作。您可以使用 .classes 或 #ids 但不能使用像 title 这样的选择器。

Prefill bootstrap modal form field with data