Comments on: Add/remove form elements using jQuery

By: Rob

Rob — Sun, 26 Jul 2009 02:38:37 +0000

See my new article @ http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/

By: Rob

Rob — Sun, 26 Jul 2009 02:37:48 +0000

As a few people have been asking how to save information to a database I made an extended tutorial using your original idea, where I get all the dynamic form values and save them to a MySQL database, using a many-many database design. See:

http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/

By: Jonas Eriksson

Jonas Eriksson — Sat, 11 Jul 2009 08:43:11 +0000

Ooops, hard to paste correct code, now I think I made it. There it is with correct format. The problem with the original code when I tried in ie7 was that it missed some endtags. and Hth

By: Jonas Eriksson

Jonas Eriksson — Sat, 11 Jul 2009 08:40:14 +0000

$(“#divTxt”).append(“

Field ” + id + ” Remove

”);

By: Jonas Eriksson

Jonas Eriksson — Sat, 11 Jul 2009 08:39:28 +0000

$(“#divTxt”).append(“>p id=’row” + id + “‘<>label for=’txt” + id + “‘>Field ” + id + ” Remove

”);

By: Jonas Eriksson

Jonas Eriksson — Sat, 11 Jul 2009 08:37:16 +0000

Trying to paste again... Now with pre.

	function addFormField() {
	var id = document.getElementById("id").value;
	$("#divTxt").append("Field " + id + "  Remove");
	id = (id-1)+2;
	document.getElementById("id").value = id;
	}

By: Jonas Eriksson

Jonas Eriksson — Sat, 11 Jul 2009 08:35:49 +0000

Problem with ie was that the tags wasn’t properly closed:
function addFormField() {
var id = document.getElementById(“id”).value;
$(“#divTxt”).append(“Field ” + id + ” Remove“);
id = (id-1)+2;
document.getElementById(“id”).value = id;
}

By: Web Consultant

Web Consultant — Thu, 09 Jul 2009 12:14:55 +0000

There should be a more beautiful way like not just writing the HTML code, but using JQuery to generate the form objects.

I try to find out.

By: unwrangle

unwrangle — Wed, 01 Jul 2009 06:47:18 +0000

just to update for step 4: $(id).remove(); doesn’t work (maybe for newer jquery)..

now u need: $(‘#’+id).remove();

cheers

By: efrg

efrg — Tue, 16 Jun 2009 20:31:42 +0000

wefrgt http://www.linkedin.com/in/dgdfdgf sites like youporno com dasadsa http://www.linkedin.com/in/dgdfdgf youporno arabic dasadsa http://www.linkedin.com/in/dgdfdgf youporno com lite beta dasadsa http://www.linkedin.com/in/dgdfdgf youporno asian