Display Selected Options in Other Field of the Same Form

[deemuss]

I have a form that contains the list of options. Multiple options can be selected, and I want the user to see the option right away within the same page (not in report after form submission). I tried parameters, but that did not work.

Do you know whether there are any other options?

[Hastur]

Hi @deemuss

You may use this code to implement such a workflow:

<script type="text/javascript">
function inputHandler(event) {
 console.log(event);
 var options = event.target.childNodes
 var selectedOptions = '';
 for(let i = 0; i < options.length; i++) {
  if (options[i].selected) {
   selectedOptions += `${options[i].value}, `;
  }
 }
 document.getElementById('cbParamVirtual1').value = selectedOptions.substring(0, selectedOptions.length - 2); // Here you may change the ID (cbParamVirtual) of needed input to insert the value of the choosen elements
}

function assignEvent() {
 var elem = document.getElementById('InsertRecordtext');
 elem.multiple = true;
 elem.addEventListener('input', inputHandler);
 document.removeEventListener('DataPageReady', assignEvent);
}

document.addEventListener('DataPageReady', assignEvent);
</script>

You will have the option to multi-select elements from list box with ctrl button pressed.
The only thing you need to change is the input to insert the chosen values.

This code needs to be inserted into the header of the submission form. Do not forget to disable the HTML editor in the advanced section.