Dynamically Add input tags

Jstmehr4u3 · July 23rd, 2003, 04:33 PM

I have a text box with a search button. Type in the first name of a user in the text box and click search. New window pops up with a list of people matching the text box. Click Add User. The Selected user is added to a list on the main window, and the opened window is closed.
Now I have a user List. But the user list is not contained in the Form Collection as they are not part of an input type.

How would I add a <input type='hidden' name='UserList' value=> tag when the user Finds the user? I also need the ability to add more than one.

joefawcett · July 29th, 2003, 03:55 AM

Assuming you have a form named 'frmUsers':

Code:

function addInput(Name, Value, Parent)
{
  var oInput = document.createElement("<input name=\"" + Name + "\">");
  oInput.type = "text";
  oInput.value = Value;
  return Parent.appendChild(oInput);

}
//Example call:
addInput("UserList", "Joe", document.frmUsers);

--

Joe

robnym · July 29th, 2003, 04:03 AM

createElement should be used like this (to achieve a more stable version across browsers and platforms):
{
  var oInput = document.createElement("input");
  oInput.setAttribute("name", Name);
  oInput.setAttribute("type ", text);
  oInput.setAttribute("value ", Value);
  return Parent.appendChild(oInput);

}
//Example call:
addInput("UserList", "Joe", document.frmUsers);
[/code]

/Robert