Concatenating loop index with field name to dynamically create the JavaScrip variable [duplicate]

Question

Below is the code to populate hidden fields in my form based on the number of items present in an multi choice field. I find it difficult to create gift_1, gift_2, which is where I need your help. Thanks

    if (selectedValues.length > 0) {
        for (var i = 0; i < selectedValues.length; i++) {
          jQuery("input[name=gift_1]").val(selectedValues[i]);
        }
    }

You mean you want something like jQuery(`input[name='gift_${i}']`)? Starting from 0 or from 1? — Sebastian Simon
– Sebastian Simon, Commented Mar 21, 2021 at 17:23
This entire code (with corrected semantics) can be replaced by selectedValues.forEach((val, index) => document.querySelector(`input[name='gift_${index + 1}']`).value = val); — Sebastian Simon
– Sebastian Simon, Commented Mar 21, 2021 at 17:37

Tushar Gupta - curioustushar · Accepted Answer · 2021-03-21 17:26:16Z

1

concatenate using "input[name=gift_" + (i+1) + "]"

or use https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

jQuery(`input[name=gift_${i+1}]`)

if (selectedValues.length > 0) {
    for (var i = 0; i < selectedValues.length; i++) {
      jQuery(`input[name=gift_${i+1}]`).val(selectedValues[i]);
    }
}