system
高木 祐玖

2021.12.1システム開発 

システムエンジニア

高木 祐玖

2021年8月1日「マリンロード」は「インソースマーケティングデザイン」へ社名を変更いたしました

[jQuery]hiddenフィールドにセットした値を取得する方法

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

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

Controllerを作成する

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

<?php
  namespace App\Controller;
  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は1と表示されていれば成功です。

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

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

WEBサイト診断 現役ウェブ解析士が教えるWebサイトの読み解き方 イメージ
システム開発サービスはこちら
ページTOPへ