A: 

You can use the data function in JQuery - you can store all the existing values and call them again when you need them

matpol
+2  A: 

You'll have to go through each one separately to do that.

i.e.

$('#tbxProcAC').val('');
$('#ddlBuyer').val($('#ddlBuyer')[0].defaultValue);
$('#txtbxHowMany').val('');
$('#radTopx').attr('checked',false);

Perhaps the second line there may be of most intrest to you - it shows how to access the original 'default' value.

Comment if you've any questions, good luck!

Gausie
Thanks Gausie - I am assuming just remove the original $(this).val(''); line and replace with your suggestion?As you can probably tell, newbie here willing to learn but only being two weeks into knowing anything about creating a web app, I'm struggling with the amount to learn!
MrDean
All you need is what I've given you! (with `$(document).ready(function() {` and `}` wrapped around of course). Read about selectors on the jQuery site for more info (http://docs.jquery.com/Selectors). Also, could you mark mine as answered, if it helped you with the problem? I like rep :-)
Gausie
+1  A: 

have you tryed:

document.getElementById('formId').reset();

try it this way:

$(document).ready(function() { 
    $("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx").focus(function() { 
              document.getElementById('formId').reset(); 
        }); 
});
TeKapa
Hello TeKapaI tried your method above but on the "document.getElementById('formId').reset();" line I get an error - "is null or or not an object."Thanks for looking into this for me.
MrDean
Sorry - I was being a tool and still left that line in i.e. document.getElementById('formId').reset();That has worked a dream...thank you very very much.
MrDean