You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用jQuery查找并替换隐藏字段中的{UTMCode}值?

使用jQuery根据默认值替换隐藏字段的值

当然可以,你可以通过属性选择器精准定位到值为{UTMCode}的隐藏输入框,再替换成你的变量值,完全不需要依赖动态变化的ID或类。

核心实现代码

假设你的UTM数据存储在变量myUtmCode中,代码如下:

// 定义你的UTM变量
const myUtmCode = "your-actual-utm-code";

// 全局查找并替换所有符合条件的隐藏字段
$('input[type="hidden"][value="{UTMCode}"]').val(myUtmCode);

// 推荐:限制在指定容器内查找(比如示例中的#contactForm),避免影响页面其他元素
$('#contactForm input[type="hidden"][value="{UTMCode}"]').val(myUtmCode);

关键说明

  • input[type="hidden"][value="{UTMCode}"]:这个选择器会匹配所有type为hidden且初始value等于{UTMCode}的输入框,完美避开动态ID/类的问题。
  • 如果页面存在多个符合条件的隐藏字段,全局选择器会替换所有匹配项;若只需替换特定表单内的元素,加上父容器选择器(比如#contactForm)即可缩小范围。
  • 确保代码在DOM完全加载后执行,可以包裹在$(document).ready()中:
$(document).ready(function() {
  const myUtmCode = "your-actual-utm-code";
  $('#contactForm input[type="hidden"][value="{UTMCode}"]').val(myUtmCode);
});

内容的提问来源于stack exchange,提问作者jfc

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 02:06:24