I have a project that I am working on where I needed to give a printer-
friendly view of a form. Normally, I would do this server side, but
this form was pretty complicated, had a lot of fields, and I didn't
want to do all the if/then statements that would have been required in
my template. So, Jquery to the rescue. The snippet below takes the
value from each form field element, replaces it with a paragraph tag
with the field's value. I have not thoroughly tested and this may not
be comprehensive, but I hope it is useful. Maybe the form plugin has
this kind of functionality already?
function formFieldsPrinterFriendly() {
$("[EMAIL PROTECTED], textarea, select").each(function(i){
if( this.type == 'textarea' ) {
var input_text = $(this).text();
} else if ( this.type == 'select-one' || this.type == 'select-
multiple' ) {
var to_join = new Array();
$(this).find('[EMAIL PROTECTED]').each(function(){
to_join.push($(this).text());
});
var input_text = to_join.join('<br />');
} else {
var input_text = $(this).val();
}
$(this).after('<p class="pinput">' + input_text + "</
p>").hide();
});
}