コードを短くしたい

質問

こんにちは
現在JavaScriptで連動したセレクトボックスを作るコードを作っています
ですが、コードが長く省略をしたいのですがうまくいきません

やりたいことは
セレクトボックスのコードを一つにまとめるコードが書きたいです

例えば今のコードだとセレクトボックスが三つあるんですが、もう一つ増えた場合、
四つ目のコードも書かなくてはならない状態です。
四つ目のボックスを作っても再びコードを書かなくてもいいような
コードを書くにはどんな感じにすればいいでしょうか？

onChangeなどを使うのがいいのでしょうか？

お手数ですが
http://www.dotup.org/uploda/www.dotup.org5233734.txt.html
こちらでダウンロードしていただけると助かります
名前は果物コードですです。

もしコードを書いていただけるなら
どっとうｐろだ.
http://www.dotup.org/index.html
こちらにアップロードしていただけると助かります

どうかよろしくお願いします。

回答No.3

めとろいと（@naktak）

> data: {'key': key},
> call($(this).next(), $(this).val());

この2つだけ直し漏れですね。
data: {'key': parent_id},
call($(this).val(), $(this).next());

としてください。
恐らくそれで動くのでは。

回答No.2

めとろいと（@naktak）

> ダウンロードしたところ文字化けしている部分があるんですがどうすればいいでしょうか？

UTF-8でコードしてるので、UTF-8に対応しているエディタで開いてください。
もしくは、化けている部分はたかがコメントやアラートメッセージ部分だけでしょうから、気にしなくてもいいです。

補足

すみませんファイヤーフォックスで開いたらできました
しかし教えていただいたコードではセレクトボックスは動きませんでした
名前とか少し変更したのが駄目なのでしょうか？

http://www.dotup.org/uploda/www.dotup.org5233951.txt.html
書き直したので間違いがある場合ご指摘ください

もしコードを書いていただけるなら
どっとうｐろだ.
http://www.dotup.org/index.html
こちらにアップロードしていただけると助かります

どうかよろしくお願いします。

回答No.1

めとろいと（@naktak）

http://www.dotup.org/uploda/www.dotup.org5233809.txt.html

これでいいですか。

サーバサイドで返すJSONは、key、valueという名前で返すように変えてます。
jQueryの参照パフォーマンスを最小限にする為にidを付与したりとかもしてます。

補足

さっそく回答ありがとうございます
ダウンロードしたところ文字化けしている部分があるんですがどうすればいいでしょうか？