JavascriptでのJSONデータの使い方

解決済

質問者：hatsuzo
質問日時：2017/08/09 09:57
回答数：1件

phpスクリプトで、２つのコンボボックスを連動させる処理を書こうとして躓いているので教えて下さい。

勘定科目（コンボボックスA）を選択すると、それに付随する補助科目（コンボボックスB）を選択させる、というものです。

コンボボックスAをクリックした時に、JabascriptでコンボボックスBの中身を入れ替える例はネット上での記事でよく見かけるのですが、コンボボックスの中身をデータベースで設定する必要があるため、その部分はJavascriptでは無理なことは判りました。

このため、データベースのアクセス部分はPHPで取得して、配列に書き出し、Javascript内で、その配列からコンボボックスAの選択値に従って絞り込みを行って、コンボボックスBの中身を置き換えることが出来れば可能だと思いつきました。

そのためには、PHPで作成した配列を、Javascriptに渡してその値にアクセスする方法さえわかれば何とかなりそうだと思い、配列をJSONデータに変換して、Javascriptに渡して処理をするサンプルを作ってみました。

しかし、JSONデータの使い方、Javascriptに渡した時、どんな構造になっているのか判らず、その取扱い方がよく判りません。

下記のようなデータのアクセス方法を教えて頂けないでしょうか？

<html>
<head>
</head>
<body>
<?php
// コンボ2の値を配列にセット。実際にはデータベースにアクセスして取得する
$hjary=array();
$hjary[] = array('kmcd'=>'1111', 'hjcd'=>'1', 'name'=>'現金');
$hjary[] = array('kmcd'=>'1111', 'hjcd'=>'2', 'name'=>'小口現金');
$hjary[] = array('kmcd'=>'1112', 'hjcd'=>'1', 'name'=>'三菱UFJ');
$hjary[] = array('kmcd'=>'1112', 'hjcd'=>'11', 'name'=>'三井住友');
$hjary[] = array('kmcd'=>'1112', 'hjcd'=>'1', 'name'=>'名古屋');
$hjary[] = array('kmcd'=>'1113', 'hjcd'=>'1', 'name'=>'日本生命');
$hjary[] = array('kmcd'=>'1113', 'hjcd'=>'2', 'name'=>'住友生命');
foreach($hjary as $hj)
echo '科目CD:'.$hj['kmcd'].' 補助科目CD:'.$hj['hjcd'].' 名称:'.$hj['name']."<br>";
$hj = json_encode($hjary);
?>

<SCRIPT type ="text/javascript">
var ary = JSON.parse('<?php echo $hj; ?>');
</SCRIPT >

<SCRIPT type = "text/javascript">

</script>

<form name="f1" action="ary02.php" method="post">
<SELECT name=sel1 onChange="sel2_change()">
<option name=1111 value='1111'>現金
<option name=1112 value='1112'>当座預金
<option name=1113 value='1113'>有価証券
</SELECT>

<SELECT name=sel2>
</SELECT>
<input type="submit" name="submit" value="検索" onclick="return checkForm();" />
</form>

</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： Ogre7077
回答日時：2017/08/09 11:32

- 0
- 件

通報する

この回答へのお礼

Ogre7077さん　コメント有難うございました。

JSONデータに参照できない原因は構文ではなくて、IEのせいだということ判明しました。

ご指摘のような書き方もサンプルとしてありましたが、今いち理解できなくて、
var ary = JSON.parse('<?php echo $hj; ?>');
（略）
for(var v in ary) {
if (ary[v].kmcd == sel1.value){
sel2.options[i] = new Option(ary[v].name);
i = i + 1;
}
}
という感じで書いていたのですが、FirefoxとChromeでは動作していたのですが、IEだけ動作しなかったので、さらに調べてみたら、json2.js をロードすれば動くという情報があったので、これで解決しました。

どうも有難うございました。