Dependant multi option ajax form help

[futureweb]

Hi Guys,

 

I am trying to build a dependant ajax form withouth much success, The form is for mobile phone deals comparison website I have built and each option is dependant on the previous selection.

 

So we start with "deal type" which has these options (Contract|Pay as you go|Sim Free) from here on in all data is pulled via php from a mysql db, if contract we show a hidden dropdown list which contains contract "networks" (all networks|o2|orange|three|t-mobile|virgin|vodafone) next a drop down of mobile phone "makes" is populated where type = contract and network either = the selected option or is left for all contract networks if "all networks" is chosen, next the handset "model" is populated based on the "deal type" "network" and "make" and then finally a line rental slider apears to select a range of monthly line rental min -> max this is true of "pay as you go" aswell except insead of line rental there is a price range slider. if SIM Free is selected the networks dropdown remains hidden but a price range slider shows after the make and model selection.

 

I would also like to include further filters if contract for example a number of inclusive minutes and number of inclusive text messages filter should apear again in a slider form with min and max options.

 

I cannot seem to get internet explorer to work with show / hide div code for some reason (its fine in firefox):

 

function show(id){

if (document.getElementById){

obj = document.getElementById(id);

if (obj.style.display == "none"){

obj.style.display = "";

} else {

obj.style.display = "none";

}

}

}

 

and I have no clue where to begin with the sliders?

 

any help would be great

 

thanks