質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

プルダウンのvalueにマスタの値を紐付ける。【再質問】

tapp
tapp

総合スコア3

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2回答

0評価

1クリップ

876閲覧

投稿2021/04/13 14:35

編集2021/04/14 00:54

以前に
https://teratail.com/questions/329448
で質問しましたが、回答を頂いていたものの自力で突破できなかったので
再質問させていただきます。

index.php

php

<?php //DBへ接続 try { $dsn = 'mysql:host=localhost;dbname=car_maker;charset=utf8'; $user = 'root'; //root $pass = 'root'; //root $pdo = new PDO($dsn, $user, $pass, array(PDO::ATTR_EMULATE_PREPARES => false)); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); } catch(PDOException $e) { exit('データベース接続失敗'.$e->getMessage()); } //makerテーブル から値を取得し、 id と name を $maker_list配列 に格納 $sql = "SELECT * FROM maker"; $stmt = $pdo->query($sql); $maker_list = array(); while($row = $stmt -> fetch(PDO::FETCH_ASSOC)){ $maker_list[$row['id']] = $row['maker_name']; } ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js" charset="utf-8"></script> <script type="text/javascript"> $(function(){ //selectタグ(親) が変更された場合 $('[name=car_maker]').on('change', function(){ var maker_val = $(this).val(); //maker_val値 を select.php へ渡す $.ajax({ url: "select.php", type: "POST", dataType: 'json', data: { "maker_id": maker_val } }) .done(function(data){ //selectタグ(子) の option値 を一旦削除 $('.car_model option').remove(); //select.php から戻って来た data の値をそれそれ optionタグ として生成し、 // .car_model に optionタグ を追加する $.each(data, function(id, name){ $('.car_model').append($('<option>').text(name).attr('value', id)); }); }) .fail(function(XMLHttpRequest, textStatus, errorThrown) { console.log("ajax通信に失敗しました"); console.log("XMLHttpRequest : " + XMLHttpRequest.status); console.log("textStatus : " + textStatus); console.log("errorThrown : " + errorThrown.message); }); }); }); </script> <title></title> </head> <body> <h1></h1> <form action="send.php" method="post"> <table> <tr> <th>メーカー:</th> <td><select class="car_maker" name="car_maker">    <option>選択して下さい</option> <?php foreach($maker_list as $key => $maker_name){       echo '<option name="" value="'.$key.'">'.$maker_name.'</option>'; }?> </select></td> </tr> <tr> <th>車種:</th> <td> <select class="car_model" name="car_model"> <option class="">選択して下さい</option> </select> </div></td> </tr> <tr colspan="2"> <td><input type="submit" value="送信"></td> </tr> </table> </form> </body> </html>

select.php

php

<?php //直接のページ遷移を阻止 $request = isset($_SERVER['HTTP_X_REQUESTED_WITH']) ? strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) : ''; if($request !== 'xmlhttprequest') exit; //DBへの接続 //本来は db_connect関数 を作成して、DRYにした方が良いです。 try { $dsn = 'mysql:host=localhost;dbname=car_model;charset=utf8'; $user = 'root'; $pass = 'root'; $pdo = new PDO($dsn, $user, $pass, array(PDO::ATTR_EMULATE_PREPARES => false)); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); } catch(PDOException $e) { exit('データベース接続失敗'.$e->getMessage()); } //Ajaxで渡ってきた値をもとに modelテーブル から該当する model を抽出 if (!empty($_POST['maker_id'])) { $maker_no = $_POST['maker_id']; //$maker_no = $_POST['maker_no']; $sql = 'SELECT * FROM model WHERE maker_id = :maker_id'; $stmt=$pdo->prepare($sql); $stmt->bindValue(':maker_id', (int)$maker_no, PDO::PARAM_INT); $stmt->execute(); //抽出された値を $model_list配列 に格納 $model_list = array(); while($row = $stmt -> fetch(PDO::FETCH_ASSOC)){ $model_list[$row['id']] = $row['model_name']; } header('Content-Type: application/json'); //json形式で index.php へバックする echo json_encode($model_list); } ?>

send.php

php

<!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <?php $dsn = 'mysql:host=localhost;dbname=gmatome;charset=utf8mb4'; $username = 'root'; $password = 'root'; // try-catch // 1.もし、ポストにデータがあるならば・・・ if (isset($_POST["car_maker"],$_POST["car_model"])) { // 2.ポストのデータを変数にしま~す $car_maker = $_POST["car_maker"]; $car_model = $_POST["car_model"]; } // 3.データベースに接続しましょう try{ $dbh = new PDO($dsn,$username,$password); $dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES, false); $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // SQL文 :nameと:romajiは、名前付きプレースホルダ $stmt = $dbh->prepare("INSERT INTO matome(car_maker,car_model) VALUES (:car_maker,:car_model)"); //トランザクション処理 $dbh->beginTransaction(); try{ $stmt->bindParam(':car_maker', $car_maker); $stmt->bindParam(':car_model', $car_model); $stmt->execute(); //コミット $dbh->commit(); }catch (PDOException $e) { //ロールバック $dbh->rollback(); throw $e; // } // 接続を閉じる //$pdo = null; スクリプト終了時に自動で切断されるので不要 }catch (PDOException $e) { // UTF8に文字エンコーディングを変換します exit(mb_convert_encoding($e->getMessage(),'UTF-8','SJIS-win')); } ?> </body> </html>

データベース

データベース名car_maker
テーブル名maker

idmaker_name
1TOYOTA
2HONDA
3NISSAN

データベース名car_model
テーブル名model

idmaker_idmodel_name
11アルファード
21プリウス
33GT-R
42オデッセイ

データベース名gmatome
テーブル名matome
|id|date|maker_name|model_name|naiyou|
|:--:|:--:|:--:|
|1|1029|TOYOTA|アルファード|オイル交換|
|2|1030|TOYOTA|アルファード|車検|
|3|1031|NISSAN|GT-R|速い|
|4|1101|HONDA|オデッセイ|車検|
|5|1102|1|2|車検|

index.phpのプルダウンで選択したものとデータベースにインポートする際、
一番下のgmatomedbのid1~4のようにメーカーと車種が入ってほしいのですが
id5のようにメーカーと車種が数字で入ってしまいます。

会社で使用するものである為、実際のデータは使用しておらず、
車に置き換えて投稿させて頂いております。
その他、gmatomedbの内容記入欄や日付欄などはindex.phpでプルダウン選択と
同時に記入しdbに入ってくれています。

前回の回答で下記2パターンを教わりましたがどちらも私の力不足で進めることができませんでした。
1.プルダウンのvalueにマスタの値を紐付ける。マスタidの取得はidプロパティから取得する
2.取得したidからPHP内のプログラムで、マスタに紐付いたメーカー名と車種名を取得する

###試したこと
回答の1で
<select name="car_maker">

<option id="m1" value="アルファード">アルファード</option> </select> の形式にすればいいとのことでしたので index.phpの <th>メーカー:</th> <td><select class="car_maker" name="car_maker">    <option>選択して下さい</option> <?php foreach($maker_list as $key => $maker_name){       echo '<option name="" value="'.$key.'">'.$maker_name.'</option>'; }?> </select></td> のecho '<option name="" value="'.$key.'">を変えれば良さそうかなとは 思いましたが、どう変えていいかが分かりませんでした。 optionのあとにid="'.$key.'"としてみましたがダメでした。

回答の2では
$sql = "select id, maker_name from car_maker where id = '{$carmaker}'";
とのことでしたのでsend.phpを変えればいいように思いましたが、こちらも上記1と同じ理由でどこへ差し込めばいいのかが分かりませんでした。

###その他分からないこと
index.phpで
//makerテーブル から値を取得し、 id と name を $maker_list配列 に格納
$sql = "SELECT * FROM maker";
$stmt = $pdo->query($sql);
$maker_list = array();
while($row = $stmt -> fetch(PDO::FETCH_ASSOC)){
$maker_list[$row['id']] = $row['maker_name'];
と記載されているのにnameを取得できないこと。

1と2の方法、どちらか1つで結構ですので
詳細についてご教示いただけたら幸いです。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

m.ts10806

2021/04/13 23:05

解決したのではなかったのでしょうか。 解決してないのでしたら質問編集して状況追記されるべきと思います。
tapp

2021/04/13 23:16

確かにおっしゃる通りですね。 ありがとうございます。
tapp

2021/04/14 00:58

追記いたしました。分かりづらい点があればご指摘頂ければと思います。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。