DBと連携した連動プルダウンについて

お世話になっております。

このページにある機能を実現したく、以下のコードを書いたのですが、動きませんでした。

php
1<?php
2// DB接続設定
3require_once 'config/define.php';
4
5// 県名を取得
6$pref_sql = "SELECT *
7               FROM prefectures";
8$pref_res = $conDB->pdoQuery($pref_sql);
9
10$pre = "<option value=''>都道府県を選択</option>";
11foreach ($pref_res as $value) {
12    $pre .= "<option value='{$value[prefectures_id]}'>$value[prefectures_name]</option>";
13}
14
15// 都道府県から市区町村を取得
16if($_GET['pref_code']){
17    $pref_code = filter_input(INPUT_GET, 'pref_code');
18
19    $sql = "SELECT *
20              FROM area
21             WHERE area_prefecture = '$pref_code'
22          ORDER BY area_id";
23    $res = $conDB->pdoQuery($sql);
24
25    foreach ($res as $value) {
26        $area .= "<option value='{$value[area_id]}'>$value[area_name]</option>";
27    }
28}
29
30// html読み込み
31include_once('signup.html');

html
1
2<!DOCTYPE html>
3<html lang="ja">
4<head>
5    <meta charset="UTF-8">
6    <title>Document</title>
7    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
8    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
9    <script type="text/javascript">
10    // ********** 都道府県から市区町村選択 **********
11        $('#pref').change(function() {
12            $.get('signup.php?pref_code='+$(this).val(), function(data) {
13                $('#area').html(data);
14            });
15
16            $('#area').val('');
17            $('#area').selectmenu('refresh');
18        });
19    </script>
20</head>
21<body>
22    <form action="" method="post">
23        <div>
24            <select name="pref" id="pref">
25            <?=$pre?>
26            </select>
27            </div>
28
29            <div>
30            <select name="area" id="area">
31            <option value="">選択してください</option>
32            <?=$area?>
33            </select>
34        </div>
35    </form>
36</body>
37</html>

$preはきちんと取得されて表示されているので、DBへの接続はできています。
また、 $pref_codeに直接数字を割り当てた場合も正しく表示されるので後半のSQLが間違っているということもないようです。

要するにGETの値が渡されていないということだと思うのですが、恥ずかしながらどこを変えれば値がちゃんと渡るのかが分かりません…。

参考サイトのデモのソースと見比べてみたのですが、わかりませんでした。

よろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

ごめんなさい。見落としてました。。。

上記に加え、

HTML
1<script type="text/javascript">
2// ********** 都道府県から市区町村選択 **********
3    $('#pref').change(function() {
4        $.get('signup.php?pref_code='+$(this).val(), function(data) {
5            $('#area').html(data);
6        });
7
8        $('#area').val('');
9        $('#area').selectmenu('refresh');
10    });
11</script>

を

HTML
1<script type="text/javascript">
2// ********** 都道府県から市区町村選択 **********
3$(function() {
4    $('#pref').change(function() {
5        $.get('test.php?pref_code=' + $(this).val(), function(data) {
6            $('#area').html(data);
7        });
8
9        $('#area').val('');
10        $('#area').selectmenu('refresh');
11    });
12});
13</script>

にしてみてください。

投稿2015/12/10 05:30

編集2015/12/10 05:32

hyper-drums-ko

総合スコア736

ao_love

2015/12/10 06:04

ありがとうございます！これで動きました！！！

行動規範の内容に同意します

PHP
1foreach ($res as $value) {
2    $area .= "<option value='{$value[area_id]}'>$value[area_name]</option>";
3}

の直後に

PHP
1$area = '<option value="">選択してください</option>' . $area;
2echo $area;
3return;

と入れるとどうでしょうか。

投稿2015/12/10 04:09

編集2015/12/10 04:10

hyper-drums-ko

総合スコア736

ao_love

2015/12/10 04:13

早速のご回答ありがとうございます。コードを追加して実行してみましたが、やはり反映されませんでした…。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.31%

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

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

質問する

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

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

DBと連携した連動プルダウンについて

関連した質問