使用按钮 ID 更新表单隐藏字段值

Update Form Hidden Field Value wit button ID?

本文关键字：隐藏 字段 表单 更新 按钮 ID      更新时间：2023-09-26

我有一堆弹出框按钮可以打开相同的表单。现在我需要按钮 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>
...

弹出框形式：

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

弹出式 JS：

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

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

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

当然，使用任何正确的选择器来表示您的隐藏输入字段。

相关文章：