Две пары связанных списков в одной форме

Потребовалось создать две пары связанных селектов в теле одной формы. Т.е. список 2 зависит от списка 1 и список 4 зависит от списка 3.
Одну пару реализую таким способом:
Файл в форме:

PHP:

1.  
2. <script type="text/javascript" src="office_blocks/script.js"></script>
3.   <select name="marka" id="marka">
4.   <option value="0" selected>---------Выберите марку---------</option>
5.   <?php
6.   include "office_blocks/stopauto.php";
7.       $sql=mysql_query("SELECT * FROM avto_name");
8.       $n=0;
9.       $a=0;
10.       while ($ctg = mysql_fetch_array($sql))
11.       {    $id[n]=$ctg['avto_name_id'];
12.                   $i[n]=$ctg['avto_name'];
13.                   $n=$n+1;
14.           echo "<option value=".$id[n].">";echo $ctg['avto_name'];  echo "</option>";
15.         }
16.   ?>
17.   </select><br />
18.   <select name="model" id="model">
19.   <option value="0" selected>---------Выберите модель-------</option>
20.   <?php
21.       $sql=mysql_query("SELECT * FROM avto_name");
22.       $n=0;
23.       $a=0;
24.       while ($ctg = mysql_fetch_array($sql))
25.       {    $id[n]=$ctg['avto_name_id'];
26.                   $i[n]=$ctg['avto_name_id'];
27.                   $n=$n+1;
28.       $sqla=mysql_query("SELECT * FROM avto_model WHERE avto_name_id =".$ctg['avto_name_id']."");
29.           while ($ctga = mysql_fetch_array($sqla))
30.       {    $od[a]=$ctga['avto_model_id'];
31.                   $o[a]=$ctga['avto_model'];
32.                   $a=$a+1;
33.                 echo "<option class=".$i[n]." value=".$od[a].">";echo $ctga['avto_model']; echo "</option>";
34.         }
35.       }
36.   ?>
37.   </select>[/code]

Файл script.js

Код (Text):

1.  
2.  function dynamicSelect(id1, id2) {
3.      if (document.getElementById && document.getElementsByTagName) {
4.      var sel1 = document.getElementById(id1);
5.     var sel2 = document.getElementById(id2);
6.       var clone = sel2.cloneNode(true);
7.       var clonedOptions = clone.getElementsByTagName("option");
8.       refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
9.       sel1.onchange = function() {
10.     refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
11.     }
12.    }
13.   }
14.   function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) {
15.      while (sel2.options.length) {
16.     sel2.remove(0);
17.    }
18.    var pattern1 = /( |^)(select)( |$)/;
19.    var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)");
20.    for (var i = 0; i < clonedOptions.length; i++) {
21.    if (clonedOptions[i].className.match(pattern1)||
22.     clonedOptions[i].className.match(pattern2)) {
23.   sel2.appendChild(clonedOptions[i].cloneNode(true));
24.     }
25.    }
26.   }
27.   window.onload = function() {
28.       dynamicSelect("marka", "model");
29.   }

В JS я "плаваю" где то на самой поверхности, и никак не могу дойти - что надо сделать с файлом script.js, что бы можно было и вторую пару селектов внести в форму. Помогите пожалуйста в данном вопросе, и если можно с комментариями - хочу хоть немного углубиться в познании JS.

 

Так никто и не может помочь?

 

Тогда для чего вообще форум??? Если Вы хотите только наживы, то и пишите только в Free-lance. А если нет ответа, так и скажите, я лишь помощи попросил, для того, что-бы самому понять, а не торговать идеями!!!

 

Что-бы самому понять нужно поучить, а мне обратиться не к кому. Может за пару сотен км и есть программисты, работающие на РНР - я с такими лично не знаком. У меня в глубинке таких нет, а просто читая - ничего не могу понять. Ну и к кому мне скажите обращаться???

 

Я не прошу весь код, а только принцип объяснить.
Хотя-бы, если я изменю имя файла script.js на script1.js, в нем поменяю наименование функций и переменных, а так-же имена селектов - будет работать этот скрипт? Я пробовал, и у меня переставала работать первая пара селектов.
Помогите не готовым скриптом а советом.
А не просто на гугл отправляйте.

 

Мне надо две пары зависимых селектов, но пары не зависят друг от друга, т.е например "марка"-"модель", "отдел"-"должность". Мне надо их поместить в одну форму, но когда я помещаю вторую пару, первая перестает работать.

 

Идентификаторы само-собой поменял. Первая пара снова заработала, а вот вторая нет. Вторая пара вообще не грузится, даже первый селект не выводится. Сейчас проверю запрос к БД на предмет ошибок и отпишусь что выходит и что не работает.
Интересно, данный JS будет один на две пары селектов?

 

Перепроверил, запрос работает, а вторая пара нет. Во второй паре даже не появляется второй селект.
И еще, во второй паре надо менять имена переменных (a, n например на x,y)?

 

Не получается у меня создать две, независимые друг от друга, пары зависимых селектов. Буду пока заниматься самостоятельно AJAX-ом, может со временем разберусь. Тему можно закрыть.