Advanced Search

jQuery Form from Array

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. $(document).ready(function() {
  2. 	$('#forms').css({'border': '1px solid #333333', 'padding': '10px'});
  3. 	var forms = ["tname", "temail", "tphone", "sinquiry", "amessage"],
  4. 	    index;
  5. 	var form = $('#forms');
  6. 	for (index = 0; index < forms.length; index++) {
  7. 	    var indextype = forms[index].substring(0,1);
  8. 	    var indexname = forms[index].substring(1);
  9.  
  10. 		form.append('&lt;label for="'+indexname+'"&gt;'+indexname+'&lt;/label&gt;\n');
  11. 		switch(indextype) {
  12. 			case "t":
  13. 		    	form.append('&lt;input type="text" name="'+indexname+'" id="'+indexname+'" /&gt;\n\n');
  14. 			break;
  15. 			case "s":
  16. 				form.append('&lt;select name="'+indexname+'" id="'+indexname+'"&gt;\n\t&lt;option&gt;&lt;/option&gt;\n\t&lt;option&gt;&lt;/option&gt;\n&lt;/select&gt;\n\n');
  17. 		    break;
  18. 			case "a":
  19. 				form.append('&lt;textarea name="'+indexname+'" id="'+indexname+'"&gt;&lt;/textarea&gt;\n\n');
  20. 		    break;
  21. 		}
  22. 	}
  23. 	var output = $('#forms').html();
  24. 	output = output.replace(/&lt;/g,'<',output);
  25. 	output = output.replace(/&gt;/g,'>',output);
  26. 	output = output.replace(/\n/g,'<br />',output);
  27. 	output = output.replace(/\t/g,'    ',output);
  28. 	$('#theform').html(output);
  29. });
  30.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.