Very new to jquery, i have a dropdown that changes what DIV's to show. but my problem is that the dropdowns will retain their value as i switch between divs. trying to clear values when the dropdown changes.
change divs onchage:
[QUOTE]$(document).ready(function(){
$('#3_form').hide();
$('#4_form').hide();
$('#axd_form').hide();
$('#ht_form').hide();
$("#thechoices").change(function(){
if(this.value == 'all')
{$("#boxes").children().show();}
else
{$("#" + this.value).show().siblings().hide();}
});
$("#thechoices").change();
});
[/QUOTE]
This is what i have so far, i just need to check if the dropdown has been changed:
[QUOTE]$.fn.clearForm = function() {
return this.each(function() {
var type = this.type, tag = this.tagName.toLowerCase();
if (tag == 'form')
return $(':input',this).clearForm();
if (type == 'text' || type == 'password' || tag == 'textarea')
this.value = '';
else if (type == 'checkbox' || type == 'radio')
this.checked = false;
else if (tag == 'select')
this.selectedIndex = -1;
});
};
$(document).ready(function(){
function clearFields() {
// if ..check dropdown
$('.form3').clearForm();
// else if dropdown value
$('.form4').clearForm();//clear these fields
}
});[/QUOTE]
If you select form4, clear the other 2, same for other forms. OR just clear all div's (not entire form!) anything its changed. As long as these div's change, and rest of my form doesnt.
Advice, tutorials, suggestions, code snippets, ANYTHING WILL HELP!
I just need to make it so when you change the dropdown, it'll clear the fields dpending on what you selected. if you select 3 form, CLEAR 4form, AXDFORM. same for the others. (class="3form", "4form", "axdform")
Thanks again,
JT