Fermé

Add new fields to a form with JavaScript

1- I have a form where users can buy t-shirts. They can select quantity, size, color, and other fields.

2- You need to convert all the existing fields into input:hidden.

3- You need to recreate the form but duplicating each field for each color available.

For example, if the colors <select> has 4 colors: white, black, green, red.

You will create 4 fields for quantity, 4 fields for size, etc.

Sometimes the form will have additional fields, so you have to duplicate all the fields visible automatically.

4- When the duplicated fields are filled, you will save the values in the original fields (input:hidden) in this format:

Example for "quantity" field:

blue: 4; green: 2; white: 1; black: 5;

5- The form is too big. So we will split the form in steps, 2 fields per step. When the users click the "next" button, you will hide the current fields and display the next fields.

You can use a slider / tabs jquery plugin for this.

Please start your bid with "Hola Jose" so I know you read this. Also check the attached images. You will work on this page: [url removed, login to view]

Compétences : CSS, HTML5, Javascript, jQuery / Prototype

Voir plus : add text fields paypal add cart button, show hide form fields depending selected radio button , javascript show hide form fields button, javascript radio button checked hide form fields, add text button click javascript jsp, javascript form dynamically add fields, hide form fields radio button javascript, php javascript form add fields, add additional form fields javascript, add extra form fields javascript, javascript acrobat calculation form fields, javascript form hide view fields, show hide form fields check javascript, hide form fields radio button, javascript hide search form fields, form fields retain value button using javascript, add form fields company oscommerce, retain form fields javascript, javascript form fields conditional drop, add flash php form fields, php add form fields database, javascript form manipulation hide fields checkbox, use radio button show hide form fields, hide form fields radio button selected

Concernant l'employeur :
( 8 commentaires ) Santa Ana, El Salvador

N° du projet : #12680515

36 freelance ont fait une offre moyenne de 146 $ pour ce travail

sunsoftpro

First, I am sunsoftpro, I from VietNam. Nice to meet you! I have read your description and been interested in your project.  I'm ready to discuss and do hard working so that complete great job. Can you discuss requirem Plus

300 $ USD en 7 jours
(144 Commentaires)
7.1
scriptphp87

Hello, Hola Jose I'm a professional programmer for web programming with php language to build the system website, Besides, I'm also expert in MySQL , HTML,HTML5,CSS, JS I'm always top in Vietnam freelancer https:/ Plus

222 $ USD en 7 jours
(85 Commentaires)
7.1
150 $ USD en 3 jours
(170 Commentaires)
6.9
evadevlopers

Hi There, Ready To Start now. I have 4+ years experience in PHP as well as Wordpress, Magento,OpenCart, Prestashop, OsCommerce….and also in responsive CSS3, bootstrap, html5 . etc You can check our work http://www Plus

250 $ USD en 2 jours
(109 Commentaires)
5.9
vamir

Hola Jose Dear Hiring Manager, I have 6 year experience and my skill are: Web Developer & Designer (Wordpress, Core php, Magento, joomla, Prestashop, drupal, Responsive, Bootstrap) You can check my feedback and Plus

157 $ USD en 3 jours
(97 Commentaires)
5.9
Rahulkeshwani19

SALUTATION Hello Dear, We initially started our startup with 5 clients and 10 team members. Today after 8 years, we have over 224 satisfied clients and 41 members in our team. Our main focus is on to bui Plus

250 $ USD en 3 jours
(41 Commentaires)
5.8
bestworkontime9

Hola Jose Hello, I understand your requirement and have experience to do this type of work. I assure you that we complete your product on time with quality. Please check your Private Message Box for more details. Plus

147 $ USD en 3 jours
(38 Commentaires)
5.7
inzaghi2006

Hola Jose Hi, I'm senior web developer and I'm very interested in your project. These are my recent working sites [url removed, login to view] [url removed, login to view] [url removed, login to view] http://pixodeco Plus

200 $ USD en 2 jours
(56 Commentaires)
5.7
155 $ USD en 3 jours
(53 Commentaires)
5.6
CoVaLiDiTy

Hola Jose, read all description till the end and checked both current form view and proposed one. can help you with this mods. can be done within 1-2 days. regards, max

155 $ USD en 2 jours
(63 Commentaires)
5.8
richestuser

"Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose" "Hola Jose Plus

200 $ USD en 8 jours
(33 Commentaires)
5.0
sszelag

Hola Jose So the point of this script is just to rework the ui for the form right? I think it's unnecessary to hide the original fields and create copies, we can just inject the tabs ui and move the existing fields Plus

150 $ USD en 3 jours
(19 Commentaires)
5.0
ptykamikaze

Hola Jose. I have great skills with the technologies required for your project. Lets talk about it to confirm the bid amount and time required

170 $ USD en 5 jours
(27 Commentaires)
4.7
robweb2009

Hola Jose, Hello sir, Im in Vietnam, im expert php, html5,css3,jquery, bootstrap framework. I read your requirements and understand whats u want todo and im sure i can help. please hire me. Thank!

70 $ USD en 3 jours
(40 Commentaires)
4.4
devstart1234

Hello We are in team having different-2 Years of experience in the mention field such as [url removed, login to view] (Apps) Android,IosA [url removed, login to view] Based (Website) Html,Html5,Css,Css3,Php,WordPress,Magento,API creation,Theme Plus

263 $ USD en 6 jours
(25 Commentaires)
4.6
155 $ USD en 3 jours
(20 Commentaires)
4.6
arifshaon

A proposal has not yet been provided

111 $ USD en 5 jours
(7 Commentaires)
3.7
hirewebmaster

#HOLA JOSE [url removed, login to view] need to be update !!! Hi, I have taken a detailed look at your job details , both images and your website [url removed, login to view] Plus

112 $ USD en 5 jours
(18 Commentaires)
3.7
ikramshah65

Hola Jose I have 5 years of web development experience in angularjs, asp.net MVC framework, jquery, JavaScript, Ajax , SQL server, mongodb I have mongodb certification as well [url removed, login to view] Plus

50 $ USD en 2 jours
(3 Commentaires)
3.6
rajurana1511

Hey there, i have brief knowledge in core PHP and frameworks like codeigniter, laravel, ZEND etc.I am having knowledge in JAVASCRIPT, jQuery, HTML5, CSS3 and js frameworks like Angular.js, Backbone.js and vue.j Plus

155 $ USD en 3 jours
(2 Commentaires)
3.1