hi
i dont know if this is the best way of doing this but this works locally
what im trying to do is make 2 drop down boxes, one with make and one with model (cars) when the make is changed the model drop down is updated... i could do this easy peasy but i dont wanna refresh the page.
heres what i have and it works perfectly locally in ie6 (not tested in any other browser yet) but i upload all the files (.html/.js) and it doesnt work properly...
the js im including looks like thisCode:<script language="javascript"> function seconddrop(selected) { for(i=0;i<document.forms['filter'].model.options.length;i++) { document.forms['filter'].model.options.length=1; } var html_doc = document.getElementsByTagName('head').item(0); var js = document.createElement('script'); js.setAttribute('language', 'javascript'); js.setAttribute('type', 'text/javascript'); js.setAttribute('src', selected+'.js'); html_doc.appendChild(js); return false; } </script> <form id="filter" method="POST" action=""> <p> <select size="1" name="make" ONCHANGE="seconddrop(this.value);"> <option selected value="CHOOSE">CHOOSE</option> <option value="Fiat">Fiat</option> <option value="Ford">Ford</option> </select> <select size="1" name="model"> <option selected>CHOOSE</option> <option>bob</option> <option>bob2</option> </select> </p> </form>
i have no idea where the script is failing online but i know its getting past the for loop because the second dropdown box options are getting clearedCode:document.forms['filter'].model.options[1] = new Option('FORD1','FORD1'); document.forms['filter'].model.options[2] = new Option('FORD2','FORD2'); document.forms['filter'].model.options[3] = new Option('FORD3','FORD3'); document.forms['filter'].model.options[4] = new Option('FORD4','FORD4');
ive tried searching google but tbh i havnt a clue if im searching for the right things. i dont know all that much about js. also ive made this script out of bits ive found online so i could be doing it completly wrong.
thanks for any help.



Reply With Quote
Bookmarks