可以通过以下步骤实现:
<input type="hidden" id="hiddenInput" name="hiddenInput">
<a href="#" data-value="example">Click me</a>
$(document).ready(function() {
$('a').click(function(e) {
e.preventDefault(); // 阻止默认的锚点跳转行为
var value = $(this).data('value'); // 获取自定义属性的值
$('#hiddenInput').val(value); // 将值赋给隐藏表单输入
});
});
以上代码将在页面加载完成后,为所有的锚点元素绑定点击事件。当点击锚点时,会阻止默认的锚点跳转行为,并将自定义属性的值赋给隐藏表单输入。
这种方法可以用于在前端页面中传递数据,常见的应用场景包括表单提交前的数据准备、动态生成URL等。
腾讯云相关产品推荐:
领取专属 10元无门槛券
手把手带您无忧上云