php - jquery javascriptを2つ選択した動的ドロップダウン

Question

codeigniter で Web アプリを作成しています。テーマ フォレストからテンプレートをダウンロードしました。今、私は戻って新しいテンプレートの作業を開始する方法がない場所で立ち往生しています。だから私は2つの選択ボックスを持っています。私が望むのは、1 つのボックスを選択すると、結果が 2 番目の選択ボックスに表示されることです。さて、私はこの機能を実行しました。私が問題を抱えているのは、2 番目の選択ボックスの css クラスを変更すると、機能が機能しないことです。

私はセレクトボックスのデザインが好きなので、CSSクラスを取り除きたくありません。CSSと機能の両方を機能させたい。機能を実装している JavaScript スクリプトを示します。しかし、主な問題はcssです。CSSクラス名はこの「cho」ですが、ブラウザでスクリプトを実行すると、クラスがランタイムに変更され、「cho chzn-done」になります。firebug ではこれしか見られません。

しかし、ビュー ページのソースを見ると、'cho' に見えます。そして問題は、cssまたはjsファイルで「cho」も「cho chzn done」も見つからないことです。したがって、私が望むのは、これら 2 つの選択ボックスに機能を実装することです。シンプルなhtmlファイルをアップロードしました。これもチェックできます。私の問題が実際に何であるかを理解していただければ幸いです。

 http://hello.hostingsiteforfree.com/select%20box/myforms.html  

ダウンロードしたい場合は..ファイル名はselect.rarです

http://hello.hostingsiteforfree.com/ 誰か がこれらの選択ボックスでこの動的機能を実行できる場合、私は彼に非常に感謝します.. JavaScript や jquery コードは必要ありません。私からコードを書くことができます..これを調べたいだけです..cssまたはjqueryファイルのどこかに私の値が損なわれていると思うからです。

これも必要な場合に値を取得する方法を示す私のJavaScriptファイル...

$(document).ready(function () {
  $('#category').change(function () {
    $("#items > option").remove();
    var category_id = $('#category').val();
    $.ajax({
      type: "POST",
      url: "stockInController/get_Items/" + category_id,

      success: function (items) {
        $.each(items, function (item_id, item_name) {
          var opt = $('<option />');
          opt.val(item_id);
          opt.text(item_name);
          $('#items').append(opt);
        });
      }

    });

  });
});