Javascript: Add field on link click? - Webmaster Forum - Web Design, Programming and SEO forums

12-15-2006, 10:49 PM

Jeff Andersen

Status: Superstar
Join date: Apr 2005
Location:
Expertise:
Software:

Posts: 4,449

iTrader: 10 / 100%

Jeff Andersen is on a distinguished road

Javascript: Add field on link click?

Is it possible to add an additional drop down menu (select field) on the click of a button/link?

12-15-2006, 11:09 PM

Salathe

Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP

Posts: 3,820

iTrader: 25 / 100%

Salathe will become famous soon enough

Yes. Look into using document.createElement

12-15-2006, 11:25 PM

MaxS

Status: Senior Member
Join date: Aug 2005
Location: New York
Expertise:
Software:

Posts: 825

iTrader: 1 / 100%

MaxS is on a distinguished road

Here's a snippet from one of my sites.

Code:

var fUploads = 0;
function addField()
{
document.getElementById('fields').innerHTML = document.getElementById('fields').innerHTML + "<input type=\"file\" name=\"uploads[" + fUploads + "]\" /><br />";
fUploads++;
}

Code:

<a href="javascript:addField();">Add Field</a>

You should be able to figure it out from there. If not, just post back.

12-16-2006, 01:27 AM

Jeff Andersen

Status: Superstar
Join date: Apr 2005
Location:
Expertise:
Software:

Posts: 4,449

iTrader: 10 / 100%

Jeff Andersen is on a distinguished road

Amazing MaxS.. works perfect. Thanks a bundle.

Regards,

Jeff

12-16-2006, 11:35 PM

Cooleo

Status: Member
Join date: Sep 2005
Location: Stoke, UK
Expertise:
Software:

Posts: 151

iTrader: 0 / 0%

Cooleo is on a distinguished road

In future, use the =+ operator to add something to itself!
i.e.

PHP Code:


			
document.getElementById('fields').innerHTML =+ "<input type=\"file\" name=\"uploads[" + fUploads + "]\" /><br />";