Dynamically change string with JS?

Question

I'm using a form that needs to pass a hidden field:

<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>

All it needs to be is a comma separated list, but I'm trying to dynamically add comma separated items using external buttons, for example clicking:

<button>add this string</button>

would make it

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

I've tried using append to a div and then using innerHTML as a variable but it's just passing the initial div content from page load rather than the dynamically added items as well. JS is not my strong suit... any help is very much appreciated. Thank you!

Have you tried to concatenate the values? The conactenacion is a process in which two or more values are joined by an operator, commonly more (+) or two points (..). — Héctor M.
– Héctor M., Commented Mar 13, 2018 at 1:50

achendrick · Accepted Answer · 2018-03-13 01:39:28Z

1

Looks like you want something like this:

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

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

answered Mar 13, 2018 at 1:39

achendrick

1901 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user8792133 Over a year ago

Hmm maybe I have it formatted incorrectly but it doesn't seem to be working? <div id="button-test">test string</div> <script type="text/javascript"> var ss_form = {'account': 'X', 'formID': 'X'}; ss_form.width = '100%'; ss_form.height = '500'; ss_form.domain = 'app-X.marketingautomation.services'; ss_form.hidden = {'field_XXXX': 'Test1' }; document.getElementById("button-test").onclick = function(event) { ss_form.hidden.field_XXXXX += ', ' + this.innerHTML; } </script> just returns 'Test1'

achendrick Over a year ago

looks like your field_XXXXX has +/- too many X's :) ... make sure they are both field_XXXXX (5 X's)

user8792133 Over a year ago

Oh they are the same in the actual code! It's really field_2752132099 I just simplified here.

achendrick Over a year ago

then there may be some other issue that we're not seeing.

Héctor M. · Accepted Answer · 2018-03-13 01:43:10Z

0

Have you tried to concatenate the values? The conactenacion is a process in which two or more values are joined by an operator, commonly more (+) or two points (..).

Try this way

<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>

answered Mar 13, 2018 at 1:43

Héctor M.

2,4324 gold badges20 silver badges36 bronze badges

Collectives™ on Stack Overflow

Dynamically change string with JS?

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related