2 списка select: выбранные пункты отправляются через $_POST, 2-ой не работает

Вот у меня есть 2 списка (<select>).

От пунктов первого списка меняется блок со вторым списком.

Затем я передаю значения обоих списков с помощью $_POST.

Но удивительно то, что у первого списка передаётся выбранный пункт, а вот у второго - только самый первый, независимо от того, что было выбрано на самом деле.

Код файла с формой (как пример):

PHPВыделить код

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<form action="animals2.php" method="post" name="clan_rang" enctype="multipart/form-data">
Кто вам больше нравится? 
<select name="pets" onchange="if (self.OBJ) OBJ.style.display = 'none';
                  if (this.value) OBJ = document.getElementById (this.value),
                  OBJ.style.display = 'block'; else OBJ = null">
 
<option name="no" selected>Никто</option>
<option name="cat" value="Кошки">Кошки</option>
<option name="dog" value="Собаки">Собаки</option>
</select>
 
Какая порода ваша любимая?
<div id="Кошки" style="display: none">
<select name="breed">
<option name="1">Котёнок</option>
<option name="2">Оруженосец</option>
<option name="3">Воитель</option>
<option name="4">Старейшина</option>
</select>

<div id="Собаки" style="display: none">
<select name="breed">
<option name="1">Котёнок</option>
<option name="2">Оруженосец</option>
<option name="3">Воитель</option>
<option name="4">Старейшина</option>
</select>

<input type="submit" value="Ок"/>


И код файла, на который это всё передаётся:

PHPВыделить код

1
2
3
4
5
6
7
8

<?php
header("Content-Type: text/html; charset=utf-8");
 
$pets=$_POST['pets'];
$breed = $_POST['breed'];
 
echo "Любимые домашние животные: ".$pets."Любимая порода: ".$breed; 
?>

Подскажите пожалуйста, в чём же может быть ошибка?