teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

初心者アイコンを付与。

2016/08/25 04:10

投稿

kumataso
kumataso

スコア12

title CHANGED
File without changes
body CHANGED
File without changes

1

コードを追記。一部質問内容の整理

2016/08/25 04:10

投稿

kumataso
kumataso

スコア12

title CHANGED
File without changes
body CHANGED
@@ -2,13 +2,55 @@
2
2
  PHPを使って業務画面を作成しています。
3
3
  プルダウンから選択した内容でデータの絞り込みを行い、
4
4
  絞り込まれた候補をセレクトボックスに一覧表示したいです。
5
+
5
6
  ###発生している問題・エラーメッセージ
6
7
  セレクトボックスへ値が表示されない。
7
8
 
9
+ ###実行コード
10
+ ```JavaScript
11
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
8
- プルダウンからの選択値の取得(※1)、選択値のphpへのPOST、POSTされた値でのテーブル検索(※2)はうまくいっているようです。
12
+ <script type="text/javascript">
13
+ $(function(){
9
- ※1:ユーザーがプルダウンから候補を選択した情報はjqueryのchange(fn)を利用して取得しています。
14
+ $('#area').change(function(){
15
+ var area_val = $('select[name="area"]').val();
16
+ $.ajax({
17
+ url: "hoge.php",
18
+ type: "POST",
19
+ dataType: 'json',
20
+ data: {
21
+ area_cd: area_val
22
+ },
23
+ success:function(data){
24
+ alert(data);
25
+ },
26
+ error:function(XMLHttpRequest, textStatus, errorThrown) {
27
+
28
+ }
29
+ });
30
+ });
31
+ });
32
+ </script>
33
+ ```
34
+ ```PHP
35
+ <tr>
36
+ <td bgcolor="#f9f9f9"><strong>担当者</strong></td>
37
+ <td><select name="search_tanto[]" id="search_tanto" multiple="multiple" style="width: 150px;height:150px">
38
+ <?php
10
- ※2:テーブルアクセス部分については、submitを実行し、画面の再描画を挟むことで確認しました。
39
+ for($i=0; $i < count($rep_info)-1; $i++) {
40
+ echo "<option value='$rep_cd[$i]'>$rep_name[$i]</option>";
41
+ };
42
+ ?>
43
+ </td>
44
+ </tr>
11
45
 
46
+ ※rep_info,rep_cd[],rep_nameにはそれぞれプルダウンから取得した値でテーブルから取得した値です。
47
+ ※画面の初期表示時でも上記は描画されます。
48
+
49
+ ```
12
- ###悩んでいる事
50
+ ###確認したこと
51
+ プルダウンの選択値を変更した際、POSTを実行していること(chromeのF12で確認)
52
+ submitを行った際に格納されているプルダウンの選択値に紐づいた欲しい情報は取得できている。
13
- 処理の流れがかりません。
53
+ (=DBアクセス部は問題がなさそうです)
54
+
55
+ ###その他
14
- phpで初期画面描画→JSで選択値を取得、POST→phpでセレクトボックスエリアを描画となるのでしょうか。
56
+ JavaScriptからPOSTされた内容をどの様にすれば動的にリストボックスにあてこめるのでしょうか。