用JS动态更改字符串?

时间:2018-03-13 01:31:26

标签: javascript forms

我正在使用需要传递隐藏字段的表单:

<script type="text/javascript">
    var ss_form = {'account': 'XXXXX', 'formID': 'XXXXX'};
    ss_form.width = '100%';
    ss_form.height = '500';
    ss_form.domain = 'app-XXXXX.marketingautomation.services';
    ss_form.hidden = {'field_XXXXX': 'test item, another item' }; 
</script>

所有需要的是一个以逗号分隔的列表,但我尝试使用外部按钮动态添加逗号分隔的项目,例如点击:

<button>add this string</button>

会成功

ss_form.hidden = {'field_XXXXX': 'test item, another item, add this string' }; 

我尝试使用附加到div然后使用innerHTML作为变量,但它只是从页面加载传递初始div内容而不是动态添加的项目。 JS不是我的强项......任何帮助都非常感谢。谢谢!

2 个答案:

答案 0 :(得分:1)

看起来你想要这样的东西:

<button id="button">add this string</button>

document.getElementById("button").onclick = function(event) {
  ss_form.hidden.field_XXXXX += ' ' + this.innerHTML;
}

答案 1 :(得分:0)

您是否尝试过连接值? conactenacion是一个过程,其中两个或多个值由操作员连接,通常更多(+)或两个点(..)。

试试这种方式

<button id="btn">add this string</button>

<script>
document.getElementById ("btn").onclick = function (event) {
   ss_form.hidden.field_XXXXX + = this.innerHTML + ', '; //Add separated comma values
}
</script>