动态更改字符串 - 未提交正确的值？

Question

我最近发布了另一个关于如何向字符串添加内容的问题 (Dynamically change string with JS?)，我在这方面取得了进展，但似乎没有提交更新的变量。我错过了什么吗？

这是我的代码：

<script type="text/javascript">
    var selections = 'Gender, ';
    jQuery(".add-to-form").click(function () {
      var title = jQuery(this).attr("title");
      selections += title + ', ';
      console.log(selections);
    });
    var ss_form = {'account': 'XYZ', 'formID': 'XYZ'};
    ss_form.width = '100%';
    ss_form.height = '1000';
    ss_form.domain = 'app-XYZ.marketingautomation.services';
    ss_form.hidden = {'field_XXXXX': selections }; 
</script>

这很好用，因为正确的值显示在控制台日志中，但是当我提交表单并在 SharpSpring 中查看时，唯一通过的值是初始变量值 (Gender, )。我需要以某种方式刷新隐藏字段中的变量值吗？

感谢所有帮助，谢谢！

Answer 1

在页面加载时执行以下行：

ss_form.hidden = {'field_XXXXX': selections }; 

这会分配selections 的值，因为它是那一刻。 field_XXXXX 属性是一个单独的变量，当您稍后为 selections 分配不同的值时，它不会改变。

因此，当 click 事件触发时，并且您为 selections 分配了一个新的（更长的）值，那么只有该变量会发生变化。它没有连接到上面的属性。

如何解决？只需在点击处理程序中对 ss_form.hidden.field_XXXXX 属性进行另一次分配：

jQuery(".add-to-form").click(function () {
  var title = jQuery(this).attr("title");
  selections += title + ', ';
  ss_form.hidden.field_XXXXX = selections; // <-------
  console.log(selections);
});

我假设 ss_form.hidden 是一些 API 驱动的方式来设置隐藏的 input 元素，并且这是可行的。如果没有，请确保确定需要获取新值的 input 元素，如下所示：

$('#id_of_hidden_input').val(selections);