cakephp3 動的セレクトボックスが正しく表示されません。

Question

こんにちは、時間割システムを作っている初心者です。

やりたいのは、学部セレクトボックスを選択するとその学部に属している学科をDBから読み取り、セレクトボックスに表示したいです。

以下のページを参照して試してみました。
https://qiita.com/katsuakikon/items/7a8fcaf85b342cb61bcc

ソースコードは以下のようです。

//ParticipantController.phpの中に次のようなFunctionを定義しました。

    public function getOptions($id = null)
    {
      $this->autoRender = false;
      $this->viewBuilder()->setLayout(false);

      $courses = $this->Participant->Course->getOptions($id);　// アソシエーションされてます。
      $this->set('courses',$courses);
    }

    public function getOptions($id = null)
    {
        // デフォルト値
        $result = ["" => "選択してください"];

        if(!empty($id))
        {
          $result = $this->find('list', ['keyField' => 'course_idx', 'valueField' => 'course_name'])
                          ->where(['section_idx' => $id])
                          ->andWhere(['is_used' => 1])
                          //->toArray();
        }
        return $result;
    }

  <div class="form-group">
　     <div class="col-lg-12">
           <?= $this->Form->label('学部'); ?>
               <?php
                   echo $this->Form->select('section_idx',
                   ['options' => $sections],
                   ['empty' => '(学部を選択してください。)','class'=>'form-group','id' => "section_idx"]);
                ?>
         </div>
   </div>

 <div class="form-group">
     <div class="col-lg-12">
         <?= $this->Form->label('学科'); ?>
               <?php
                    if(isset($courses))
                    {
                      echo $this->Form->select('course_idx',
                        ['options' => $courses],
                        ['empty' => '(学科を選択してください。)','class'=>'form-group','id' => "course_idx"]
                      );
                    }
                    else
                    {
　                    echo $this->Form->select('course_idx',
                      ['options' => ''],
                      ['empty' => '(学科を選択してください。)','class'=>'form-group','id' => "course_idx"]
                   );
               }
           ?>
       </div>
   </div>

<script>
$("#section_idx").bind("change keyup", function() {
    var id = $("#section_idx").val();
    $("#course_idx").load( "./getOptions/"+id);
});
</script>

すると、学部セレクトボックスが変わると学科セレクトボックスには動きはありますが、データが何も表示されません。セレクトボックスを押してみるとスクリーンショットのように開かれます。（下に何かありそうですが下が切れてしまいます。）

DebugToolBarのHistory（XHRのGet）で確認すると、成功的にSQLも実行され、$coursesの値も問題なく入っていますが、実行後のページには$coursesもなく、何も表示されません。
何が問題なのかぜんぜん気が付かないし、データは問題なく値に入ったので表示させたいのですが上手くできませんでした。
何かアドバイスいただければと思います。
よろしくお願いいたします。

「追加」Logに残っているWarningメッセージがありました。以下のようです。
2017-11-01 11:47:21 Notice: Notice (8): Object of class Cake\ORM\Query could not be converted to int in [D:\Bitnami\wampstack-7.1.7-0\apache2\htdocs\djks\trunk\src\Model\Table\CourseTable.php, line 166]
Request URL: /participant/getOptions/4
Referer URL: http://localhost:8765/participant/add

017-11-01 11:47:21 Error: [Error] Unsupported operand types in D:\Bitnami\wampstack-7.1.7-0\apache2\htdocs\djks\trunk\src\Model\Table\CourseTable.php on line 166
Request URL: /participant/getOptions/4
Referer URL: http://localhost:8765/participant/add

「追加」上の２つのエラーを解決しましたが、まだ表示されません。

Answer 1

また自己解決しました。

Controller側で<option>~</option>タグの形でそのまま（$this->set()無しで）ビューに投げてビューではJQueryのLoadで表示するという形で何とかなりました。

//　ParticipantController.phpの中
public function getOptions($id = null)
    {
      $this->autoRender = false;
      $this->viewBuilder()->setLayout(false);

      
      $courses = $this->Participant->Course->getOptions($id);

      if($courses)
      {
        echo "<option>(学科を選択してください。)</option>";
        foreach($courses as $key => $value)
        {
          $key = '"'. $key .'"';
          echo "<option value=$key>$value</option>";
        }
      }
      else {
        echo "<option>(学科を選択してください。)</option>";
      }

    }

//　add.ctpやedit.ctpの中、結局に空っぽのチェックボックスを作るだけになる。
<?php
    if(isset($courses))
    {
      echo $this->Form->input('course_idx',
        ['empty' => '(学科を選択してください。)','class'=>'form-group','id' => 'course_idx', 'label' => false]
      );
    }
    else
    {
      echo $this->Form->select('course_idx',
        ['options' => ''],
        ['empty' => '(学科を選択してください。)','class'=>'form-group','id' => 'course_idx', 'label' => false]
      );
    }
?>

//　add.ctpやedit.ctpの中
<script>
//　修正の時にページがローディングされたら、学科セレクトボックスをDBの値で初期化しチェック状態にする。
$(function(){
  $('#section_idx').ready(function() {
      var id = $('#section_idx').val();
      $('#course_idx').load('../getOptions/'+id,(function(){
          var idx = <?php echo json_encode(h($participant->course_idx), JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); ?>;
          $('#course_idx').val(idx);
        }));
  });
});
//　学部セレクトボックスを変更すると学科セレクトボックスを更新する。
$(function(){
  $('#section_idx').bind('change keyup', function() {
      var id = $('#section_idx').val();
      $('#course_idx').load('../getOptions/'+id);
  });
});
</script>