業務でjQueryを使う機会が増えてきたので、hiddenなどの隠しフィールドにセットした値を

jQueryで取得する方法をご紹介したいと思います。

Controllerを作成する

まず、src/Controller/の中にTestController.phpを作成します。
次に、hiddenフィールド（test.jquery）に「1」をセットします。

<?php
  namespace AppController;
  class TestController extends AppController{
	function index(){
	    $this->setRequest($this->request->withData('test.jquery', '1'));
	}
  }

Viewを作成する

templates/Test/の中にtest.phpを作成します。

<?php echo $this->Form->hidden('test.jqueary', array('id' => 'test-id')) ?>

 

スクリプトを作成する

$(function() {
　　var TestId = $('#test-id').val();
　　console.log('TestIdは' + TestId);
});

動作確認

開発者ツールのConsoleを開き、TestIdは１と表示されていれば成功です。

いかがだったでしょうか？

今後はjQueryに関する記事を投稿しますので、お楽しみに。