編集履歴

質問編集履歴

実施したコードの記載

2019/11/07 10:09

投稿

muramurako15

スコア5

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -6,11 +6,19 @@
 valueの値をjson形式で取得したデータよりセットしようと試みましたが、以下の連想配列より'code'もしくは'name'部分のみ取り出す方法が分かりません。
-```
-json形式で取得したデータ
+### 取り出すために実施したこと
+```javascript
+for (var key in b_options) {
+  console.log(b_options);
+  console.log("b_options[key].code");
+  console.log("b_options[key].name");
+}
-[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
+//出力結果
+var b_options =[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
 [{"code":"001","name":"営業A",{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]
+undefined
+undefined
 ```
 最終的には以下のような表示を実現したいです。

タイトルの変更

2019/11/07 10:09

投稿

muramurako15

スコア5

title CHANGED Viewed

	@@ -1,1 +1,1 @@
1	- ~~セレクトボックスを動的に変化させる際~~の~~value値~~の設定方法
1	+ json形式のデータの取り出し方

body CHANGED Viewed

File without changes

文書の入れ替え

2019/11/07 09:21

投稿

muramurako15

スコア5

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -6,6 +6,13 @@
 valueの値をjson形式で取得したデータよりセットしようと試みましたが、以下の連想配列より'code'もしくは'name'部分のみ取り出す方法が分かりません。
+```
+json形式で取得したデータ
+[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
+[{"code":"001","name":"営業A",{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]
+```
 最終的には以下のような表示を実現したいです。
 ```html
 <select id="select_a">東日本</select>
@@ -16,12 +23,7 @@
 </select>
 ```
-```
-json形式で取得したデータ
-[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
-[{"code":"001","name":"営業A",{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]
-```
 ### 現在の完成したコード
 ```html

誤字

2019/11/07 09:18

投稿

muramurako15

スコア5

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -16,7 +16,8 @@
 </select>
 ```
+```
-```json形式で取得したデータ
+json形式で取得したデータ
 [[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
 [{"code":"001","name":"営業A",{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]

①必要なコードのみ表示②現在の配列を表示③実現したい完成形を表示

2019/11/07 09:08

投稿

muramurako15

スコア5

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -4,22 +4,23 @@
 以下のサイトを参考にして、セレクトボックスを動的に変化させるとこまでは、完成しました。
 [[jQuery] セレクトボックスの切り替えに応じて、次のセレクトボックスの選択肢を切り替える](http://qs.nndo.jp/change_select_chain_by_jquery)
-しかし、私が作成したもののままだとvalueの値は自動的に0から数字が割り当てられたものがセットされています。
-ですので、以下の手順でvalueの値をセットしようと試みましたが、②以降のjavascript側の処理として、nameとcodeを分けcodeの方をvalueにセットしnameをテキストとして表示する方法が分かりません。
+valueの値をjson形式で取得したデータよりセットしようと試みましたが、以下の連想配列より'code'もしくは'name'部分のみ取り出す方法が分かりません。
+最終的には以下のような表示を実現したいです。
+```html
+<select id="select_a">東日本</select>
-始めての投稿のため、投稿の仕方に何か不備などありましたらご指摘お願いいたします。
+<select　id="select_b">
+ <option value="001">営業A</option>
+ <option value="002">営業B</option>
+ <option value="003">開発</option>
+</select>
+```
-①$sqla,$sqlb,$sqlcを以下のように変更
-```php
-$sqla ="select code,name from amas";
-$sqlb ="select code,name from bmas";
-$sqlc ="select code,name from cmas";
+```json形式で取得したデータ
+[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],
+[{"code":"001","name":"営業A",{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]
 ```
-②codeとnameの値をもった配列となる
-```json
-print($json)の結果
-[[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"営業C"},{"code":"004","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発"}],[{"code":"001","name":"営業A"},{"code":"002","name":"営業B"},{"code":"003","name":"開発A"},{"code":"004","name":"開発B"}]]
-```
 ### 現在の完成したコード
 ```html
@@ -32,38 +33,12 @@
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
-  <select id="select_a"></select> <!-- セレクトボックス①-->
+  <select id="select_a"></select>
-  <select id="select_b"></select> <!-- セレクトボックス②-->
+  <select id="select_b"></select>
  </body>
 </html>
 ```
-### php
-```ここに言語名を入力
-  //マスタAの配列を作成
-  $sqla ="select name from amas";
-  $resta = $pdo->query($sqla);
-  $masa = $resta->fetchAll(PDO::FETCH_COLUMN);
-  //マスタBの配列を作成
-  $sqlb = "select name from bmas";
-  $restb = $pdo->query($sqlb);
-  $masb = $restb->fetchAll(PDO::FETCH_COLUMN);
-  //マスタCの配列を作成
-  $sqlc = "select name from cmas";
-  $restc = $pdo->query($sqlc);
-  $masc = $restc->fetchAll(PDO::FETCH_COLUMN);
-  //空の配列を作成しABCを多重配列の形にまとめる
-  $masters = array();
-  array_push($masters, $masj);
-  array_push($masters, $masr);
-  array_push($masters, $masg);
-  //json形式に変換
-  $json = json_encode($masters,JSON_UNESCAPED_UNICODE);
-  print($json);
-```
 ```javascript
 <script>
 var a_options = ['東日本', '西日本','海外'];
@@ -100,9 +75,4 @@
   });
 });
-```
-```json
-print($json)の結果
-[["営業A","営業B","営業C","開発"],["営業A","営業B","開発"],[["営業A","営業B","開発A","開発B"]]
 ```