jquery — Изменить второй выпадающий список в зависимости от первого выпадающего списка и третьего выпадающего при выборе второго выпадающего списка, используя php и массивы

я получаю два выпадающих примера, но я хочу три выпадающих примера

первое раскрывающееся значение выбрано, второе должно измениться, и после второго раскрывающегося списка должно измениться третье, а затем человек нажмет кнопку «сохранить» и перейдет в базу данных MySQL

пожалуйста, дайте мне любой пример
я получил один, но его на 2 выпадающего

Я уже пробовал этот код, но это не код записи, потому что, если я изменю первый DD, остальные два также изменятся

           ( http://jsfiddle.net/arunpjohny/nQBK2/)

<select name="select1" id="select1">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>
<select name="select2" id="select2">
<option value="1">Item 1 second</option>
<option value="2">Item 2 second</option>
<option value="3">Item 3 second</option>
</select>
<select name="select3" id="select3">
<option value="1">Item 1 third</option>
<option value="2">Item 2 third</option>
<option value="3">Item 3 third</option>
</select>

var $select2 = $('#select2'), $select3 = $('#select3');
$("#select1").change(function () {
var id = $(this).val();

if ($select2.data('options') == undefined) {
$select2.data('options', $select2.find('option').clone());
}
var options = $select2.data('options').filter('[value=' + id + ']');
$select2.html(options);

if ($select3.data('options') == undefined) {
$select3.data('options', $select3.find('option').clone());
}
var options = $select3.data('options').filter('[value=' + id + ']');
$select3.html(options);
});