[CakePHP] 配列のname属性をJavaScriptで参照する方法

[CakePHP] 配列のname属性をJavaScriptで参照する方法

CakePHPのFormHelper(フォームヘルパー)でフォームパーツを出力した際など、name属性が配列形式になります。
配列形式のname属性をJavaScriptで受け取る方法は以下から。

配列のname属性をJavaScriptで参照する方法

CakePHPのFormHelper(フォームヘルパー)でフォームパーツを出力すると下記の様になります。

<form name="form1">
<input type="text" name="data[Hoge][moge]">
</form>

name属性が配列形式のこの様な値をJavaScriptから参照する際、通常の方法

<script type="text/javascript">
function hoge(){
    document.form1.data[Hoge][moge]
}
</script>

ではデータを受け取ることができません。
この様な場合、下記の様に記述します。

<script type="text/javascript">
function hoge(){
    document.form1.elements['data[Hoge][moge]']
}
</script>

name属性部分を『elements[”]』で括る事で値の参照が可能になります。

関連記事