Question

I have in my form a listbox, encapsulated within a span, which i want to hide but i also want the listbox to be generated because i have a javascript code which reads the options inside that listbox and display the values as a string.

When i use

<span style="display:none">listbox code </span>

I notice that my js code reading the contents of the listbox does not work.
I also read the following on the w3school display:none: the element will generate no box at all.

Is there a way of hiding the span while generating the listbox??

In fact i want the listbox to act as a hidden field and thought about hiding it using the display function

Thanks for any suggestion provided.

Code added:

 <span style="display:hidden">
    <select size=5 id="submission_person_ids" name="submission[person_ids][]"  onfocus="displayPersons();"> </select>
  </span>

Answer 1

If you don’t intend to show an input, you should use a <input type=”hidden”> instead and manipulate it’s value.

Inputs which are hidden with display:none, or inside a hidden container, will be parsed into the DOM, but will not be submitted, which I assume is the source of your confusion.