teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問jQuery 繰り返しのセレクトボタンを作成する時、初期表示の選択を指定する方法は？

編集履歴

質問編集履歴

8

画像追加

2020/08/17 08:00

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -7,8 +7,15 @@
7
7
  抜粋しているので、わかりにくいですが、、この状態で、
8
8
  方法をご教授お願いします。
9
9
 
10
+ ![イメージ説明](3278e7ada36e2dbac6cafc10640e5178.jpeg)
11
+ 繰り返し時で、
12
+ $('#category_id ').val(item.category_id );で、はじめの値は20を指定されているが、
13
+ 2回目に値が入っていないと思われる。
14
+
10
15
  ![表示イメージ](e5b778615fd3c5a35f246f2d010b1f2e.jpeg)
16
+ 想定イメージ
11
17
 
18
+
12
19
  ```
13
20
  function setData(data) {
14
21
  var obj = JSON.parse(data.categories);

7

画像追加

2020/08/17 08:00

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,18 +1,20 @@
1
- jqueryで繰り返しのセレクトボックスを表示する際、data.categoriesに｛category_id:20}{category_id:1｝が
1
+ jqueryで繰り返しのセレクトボックスを表示する際、data.categoriesに｛category_id:20}{category_id:8｝が
2
- 入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
2
+ 入っていると、セレクトボックスの表示は、test20 tesut8を表示させたい。
3
- 8行目は、正しく[20、1]で順番に表示されるのですが、
3
+ 8行目は、正しく[20、8]で順番に表示されるのですが、
4
- リストボックスの表示test20 tesut1で表示されません。
4
+ リストボックスの表示test20 tesut8で表示されません。
5
5
  むしろ値が反映されてない。
6
6
 
7
7
  抜粋しているので、わかりにくいですが、、この状態で、
8
8
  方法をご教授お願いします。
9
9
 
10
+ ![表示イメージ](e5b778615fd3c5a35f246f2d010b1f2e.jpeg)
11
+
10
12
  ```
11
13
  function setData(data) {
12
14
  var obj = JSON.parse(data.categories);
13
15
  $("#banner tr").remove();
14
16
  $.each(obj, function(index, item) {　//繰り返し２回
15
- console.log(item.category_id); <-　表示される値20,1
17
+ console.log(item.category_id); <-　表示される値20,8
16
18
  $('#category_id ').val(item.category_id );
17
19
  var html = '';
18
20
  html += '<div>' + item.category_id +'</div>';

6

余計は係数が入っていたので修正しました。

2020/08/17 07:47

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -13,7 +13,7 @@
13
13
  $("#banner tr").remove();
14
14
  $.each(obj, function(index, item) {　//繰り返し２回
15
15
  console.log(item.category_id); <-　表示される値20,1
16
- $('#display_order').val(item.display_order);
16
+ $('#category_id ').val(item.category_id );
17
17
  var html = '';
18
18
  html += '<div>' + item.category_id +'</div>';
19
19
  html += '<select class="form-control input category_id" id="category_id" name="category_id">';

5

php系なしで設定

2020/08/17 07:34

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_id:20}{category_id:1｝が
1
+ jqueryで繰り返しのセレクトボックスを表示する際、data.categoriesに｛category_id:20}{category_id:1｝が
2
2
  入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
3
3
  8行目は、正しく[20、1]で順番に表示されるのですが、
4
4
  リストボックスの表示test20 tesut1で表示されません。

4

誤記修正

2020/08/17 07:32

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_d:20}{category_d:1｝が
1
+ jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_id:20}{category_id:1｝が
2
2
  入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
3
3
  8行目は、正しく[20、1]で順番に表示されるのですが、
4
4
  リストボックスの表示test20 tesut1で表示されません。

3

誤記修正

2020/08/17 06:05

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_d:20,category_d:1｝が
1
+ jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_d:20}{category_d:1｝が
2
2
  入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
3
3
  8行目は、正しく[20、1]で順番に表示されるのですが、
4
4
  リストボックスの表示test20 tesut1で表示されません。

2

一部修正

2020/08/17 06:04

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- jqueryで繰り返しのセレクトボックスを表示する際、初期のcategory_idが、20,1が
1
+ jqueryで繰り返しのセレクトボックスを表示する際、初期のitemに｛category_d:20,category_d:1｝が
2
2
  入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
3
3
  8行目は、正しく[20、1]で順番に表示されるのですが、
4
4
  リストボックスの表示test20 tesut1で表示されません。

1

表現内容変更

2020/08/17 06:04

投稿

tyutyu
tyutyu

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,22 +1,13 @@
1
- $this->get('category')は、下記のリストが格納されています。
2
1
  jqueryで繰り返しのセレクトボックスを表示する際、初期のcategory_idが、20,1が
3
- 入っていると、セレクトボックスの表示（<?php echo $row['name'];?>）は、test20 tesut1を表示させたい。
2
+ 入っていると、セレクトボックスの表示は、test20 tesut1を表示させたい。
4
- 8行目は、正しく順番に表示されるのですが、
3
+ 8行目は、正しく[20、1]で順番に表示されるのですが、
5
- リストボックスが順番とおり表示されませんでした。
4
+ リストボックスの表示test20 tesut1で表示されません。
5
+ むしろ値が反映されてない。
6
6
 
7
7
  抜粋しているので、わかりにくいですが、、この状態で、
8
8
  方法をご教授お願いします。
9
9
 
10
- ```ここに言語を入力
11
- $this->get('category') = aray(
12
- [id=>"1",name=>test1],
13
- [id=>"8" ,name=>test8],
14
- [id=>"20",name=>test20],
15
- );
16
-
17
10
  ```
18
-
19
- ```
20
11
  function setData(data) {
21
12
  var obj = JSON.parse(data.categories);
22
13
  $("#banner tr").remove();
@@ -26,9 +17,9 @@
26
17
  var html = '';
27
18
  html += '<div>' + item.category_id +'</div>';
28
19
  html += '<select class="form-control input category_id" id="category_id" name="category_id">';
29
- html += '<?php foreach ($this->get('category') as $row): ?>'
20
+ html += '<option value="1">test1</option>'
21
+ html += '<option value="8">test8</option>'
30
- html += '<option value="<?php echo $row['id']; ?>"><?php echo $row['name'];?> </option>'
22
+ html += '<option value="20">test20</option>'
31
- html += '<?php endforeach ?>'
32
23
  html += '</select></div>';
33
24
  $('#banner tbody').append(html);
34
25