Witam,
Na wstępie zaznaczam - programista ze mnie żaden więc proszę Was o pomoc.
O co chodzi?
Potrzebuję formularza z dynamicznym wyborem: w zależności od wyboru w pierwszym polu, w drugim pokazują się odpowiednie dla wcześniejszego wyboru możliwości.
Na razie skorzystałem z gotowca:
Kod:
<script type="text/javascript">
function dynamic1(parent,child){
var parent_array = new Array();
parent_array[''] = ['Please select a manufacturer'];
parent_array['Audi'] = ['A3','A4','A5','A6','A8','Q5','Q7','S3','S4','S5','S6','S8','RS6'];
parent_array['Dacia'] = ['Sandero','Logan'];
parent_array['FIAT'] = ['Bravo','Punto','Grande Punto'];
parent_array['Peugeot'] = ['207','308','407','607'];
parent_array['SEAT'] = ['Ibiza','New Ibiza','Leon'];
parent_array['Skoda'] = ['Fabia','Octavia Tour','Octavia 2','Superb'];
var thechild = document.getElementById(child);
thechild.options.length = 0;
var parent_value = parent.options[parent.selectedIndex].value;
if (!parent_array[parent_value]) parent_value = '';
thechild.options.length = parent_array[parent_value].length;
for(var i=0;i<parent_array[parent_value].length;i++){
thechild.options[i].text = parent_array[parent_value][i];
thechild.options[i].value = parent_array[parent_value][i];} }
</script>
<form method="post" id="userForm" enctype="multipart/form-data" action="http://demo.rsjoomla.com/dynamic-drop-down-change-form-example"><div>
Car Manufacturer (*)<br/>
<select name="form[CarManufacturer][]" id="CarManufacturer" onchange="dynamic1(this,'CarModel');" ><option value="">Please select a manufacturer</option><option value="Audi">Audi</option><option value="Dacia">Dacia</option><option value="FIAT">FIAT</option><option value="Peugeot">Peugeot</option><option value="SEAT">SEAT</option><option value="Skoda">Skoda</option></select><br/>
<span id="component53" class="formNoError">Please select a model</span>
<br/>
Car Model (*)<br/>
<select name="form[CarModel][]" id="CarModel" ><option value="">Please select a model</option></select><br/>
<span id="component54" class="formNoError">Please select a car model</span>
<br/>
<br/>
<input type="submit" value="Submit" name="form[Submit]" id="Submit" /><br/>
<br/>
</div><input type="hidden" name="form[formId]" value="8"/></form>
Wygląda to tak: http://www.pixelstorm.pl/test/index....id=11&Itemid=4
Teraz problem jest taki: chciałbym aby zależnie od wyboru w drugim polu, naciśnięcie przycisku odnosiło mnie do odpowiedniej dla wyborów paczki dokumentów do pobrania. Jak to zrobić?
Proszę, pomóżcie.