更新表单隐藏字段值机智按钮ID？

Question

我有一堆popover按钮会打开相同的表单。现在我需要将按钮id值作为表单内的隐藏字段。

html按钮：

<a type="button" class="pop" data-toggle="popover" id="1">Button 1</a>
<a type="button" class="pop" data-toggle="popover" id="2">Button 2</a>
<a type="button" class="pop" data-toggle="popover" id="3">Button 3</a>
...

popover表单：

<div id="popover-content" class="hide">
<form>
<input name="name" type="hidden" value="ButtonIDvalue">
...

popover js：

$('.pop').popover({ 
        html : true,
        content: function() {
            return $("#popover-content").html();
        }
    });

Answer 1

您可以在绑定到this的函数中访问触发弹出窗口的元素content。因此，您可以将代码更新为：

$('.pop').popover({ 
        html : true,
        content: function() {
            $('#hidden-input').val(this.id);
            return $("#popover-content").html();
        }
    });

当然使用正确的选择器用于隐藏的输入字段。