Featured Posts

jQuery Multi-Level AccordionjQuery Multi-Level Accordion Just another take on an accordion style navigation. For our requirements, the navigation was a template and needed to be n-levels deep to take into account any possible...

Readmore

jQuery Dynamic FormjQuery Dynamic Form Scenario: Building web forms can be tricky when a form calls for a variable number of fields. A real-world example might be a sports team with an n number of players. When...

Readmore

A PHP Pagination FunctionA PHP Pagination Function Here's a PHP function "getPaginationHtml()" that builds an item-pagination type HTML DIV based on parameters only, i.e. no database recordset needed. Note the user of a second...

Readmore

A PHP Calendar Class Based on Zend_DateA PHP Calendar Class Based on Zend_Date A recent project required an event calendar in both a mini and full sized format. The project was based on Zend Framework, a highly scalable and feature-rich PHP MVC framework....

Readmore

Analyzing the Impact of Web Page Textual Data Representation on the  Accuracy of Selected Supervised Learning ModelsAnalyzing the Impact of Web Page Textual Data Representation... We looked at the effectiveness of supervised learning models in solving the real-world problem of web page classification. We attempted to maximize the performance of...

Readmore

Arietis Software Innovations Rss

jQuery Dynamic Form

Posted on : 21-11-2008 | By : Derek | In : Posts

Tags: , , , , ,

9

This code has been completely re-written as a proper jQuery plugin.

See this post for the updated version.

——————–

Original post:
Dealing with forms can sometimes be tricky. For example a user entering information into a form might need to add or remove certain elements to/from the form as they see fit.

A real-world example of this might be a pizza ordering form where a user might need to add toppings to the pizza. It is obvious that simply adding a pre-determined number of fields will not do and in many cases is overkill as it depends on the user’s preference which cannot be reliably pre-determined.

Here is a demo of a dynamic form powered by jQuery.

Download the source code here: {download removed} See this post for the updated version.

It’s a basic implementation and can be used for simple solutions, or customized quite easily for more complex ones.

VN:F [1.8.2_1042]
Rating: 0.0/5 (0 votes cast)