Javascript 如何在bootstrap popover中设置文本框值

我在点击锚元素时显示引导弹出窗口，如下所示

Jquery

$("[data-toggle=popover]").popover({
            trigger: 'click',
            placement: "top",
            html: true,
            content: function () {
                return $('#popover-content').html();
            }
        });

HTML

<div id="popover-content" class="hide">
    <div class="form-group">
        <input class="form-control" id="txtContent" type="text" />
        <button id="btnOk" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-ok"></span>&nbsp;
        </button>
        <button id="btnCancel" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-remove"></span>&nbsp;
        </button>
    </div>
</div>

<a href='#' class='btn-link' data-html='true' data-toggle='popover'>Sample text</a>

---

我想将popover中的textbox值（文本）设置为与锚元素的文本相同（即此处的“示例文本”）。有人能告诉我怎么做吗？

正如docs所说，如果你想在popover中显示HTML，你必须通过

title

参数传递HTML，所以在你的例子中它代表：

<a href='#' class='btn-link' data-html='true' data-toggle='popover'
data-title="Sample text">Sample text</a>

---

在

内容中

使用

此

，它是调用popover的元素引用。所以这里

这个
将是您场景中的锚元素。从
锚定
标记中获取文本，并
将value属性
添加到
输入元素
，然后返回
$（'#popover content'）.html（）

检查下面的代码段。这可能对你有帮助


$（文档）.ready（函数（）{
$（“[data toggle=popover]”。popover({
触发器：“单击”，
位置：“底部”，
是的，
内容：函数（）{
var anchorText=$（this.text（）；
$（'popover content'）.find（'input[id=txtContent]'）.attr（'value'，anchorText）；
返回$（'#popover content'）.html（）；
}
});
});

数据标题用于在弹出框顶部显示标题。我想在PopWorks中设置控件的文本，完美的人！非常感谢你。谢谢你的帮助！