teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問javascriptでfor文内にsubmitボタン表示

編集履歴

質問編集履歴

4

追加説明

2016/10/22 07:31

投稿

usuallyi
usuallyi

スコア41

test CHANGED
File without changes
test CHANGED
@@ -1,26 +1,28 @@
1
1
  以下のコードで、jsonからのデータを表示しており、
2
2
 
3
- if文に入れば、削除buttonを表示したいのですが、上手く実装できません。
3
+ if文に入れば、削除buttonを表示し、ボタンを押しているのですが、
4
+
5
+ 以下の文が機能しません。
4
6
 
5
7
 
6
8
 
7
- if文でTRUEだった場合に、
9
+ buttonの部分を#outputにした場合表示されますが、
8
10
 
9
- ボタンを設置させて、
10
-
11
- 投稿内容を削除したいです。
12
-
13
- その後も最後までfor文を回したいです。
11
+ URLを押した際にもalart表示がされて困っています。
14
12
 
15
13
 
16
14
 
17
- ボタンが表示されていないだけで、
15
+ $('button').on('click',function(){
18
16
 
19
- 以下のようなプログラムを書いていれば、
17
+ alert('deliteをクリックしました！');
20
18
 
21
- ボタン表示させたい部分に削除という表記は出ましたが、
22
19
 
20
+
23
- submitボタンを追加すると上手く行きません。
21
+ cakephp2.0のビューにて以下の部分で表示しています。
22
+
23
+ <div id="output">
24
+
25
+
24
26
 
25
27
  ```javascript
26
28
 
@@ -34,13 +36,15 @@
34
36
 
35
37
  dataType: 'json',
36
38
 
37
- timeout: 10000,
39
+ timeout: 10000})
38
40
 
41
+
42
+
39
- success : function(data){
43
+ .done(function(data){
40
44
 
41
45
  for(var i in data.json_data){
42
46
 
43
- $("#output").append(data.json_data[i].Tweet.name+"</br>");
47
+ $("#output").append('<a href='+data.json_data[i].Tweet.name+'>'+data.json_data[i].Tweet.name+"</br>");
44
48
 
45
49
  $("#output").append(data.json_data[i].Tweet.tweet+"</br>");
46
50
 
@@ -48,17 +52,17 @@
48
52
 
49
53
  if(data.my_id==data.json_data[i].Tweet.name){
50
54
 
51
- $("#output").append("削除"+"</br>");
55
+ $("#output").append('<button type="button" name="delite" id="delite" value='+data.json_data[i].Tweet.tweet_id+'>削除</button></br>');
52
56
 
53
57
  }
54
58
 
55
- $("#output").append("</br>");
59
+ $("#output").append("</br>");
56
60
 
57
61
  }
58
62
 
59
- },
63
+ })
60
64
 
61
- error: function(){
65
+ .fail(function(){
62
66
 
63
67
  //通信失敗時の処理
64
68
 
@@ -66,11 +70,17 @@
66
70
 
67
71
 
68
72
 
69
- }
73
+ });
74
+
75
+ $('button').on('click',function(){
76
+
77
+ alert('deliteをクリックしました！');
78
+
79
+ });
70
80
 
71
81
  });
72
82
 
73
- });
83
+
74
84
 
75
85
 
76
86
 
@@ -109,65 +119,3 @@
109
119
  現在
110
120
 
111
121
  ボタンが一番最初しか表示しかされない状況です。
112
-
113
-
114
-
115
-
116
-
117
- cakephpにて以下の部分で表示しています。
118
-
119
- <div id="output">
120
-
121
-
122
-
123
- ```javascript
124
-
125
- $(document).ready(function(){
126
-
127
- $.ajax({
128
-
129
- type: "POST",
130
-
131
- url: '/cakephp/users/json_data',
132
-
133
- dataType: 'json',
134
-
135
- timeout: 10000,
136
-
137
- success : function(data){
138
-
139
- for(var i in data.json_data){
140
-
141
- $("#output").append(data.json_data[i].Tweet.name+"</br>");
142
-
143
- $("#output").append(data.json_data[i].Tweet.tweet+"</br>");
144
-
145
- $("#output").append(data.json_data[i].Tweet.tweettime+"</br></br>");
146
-
147
- if(data.my_id==data.json_data[i].Tweet.name){
148
-
149
- <--ここにボタンを追加-->
150
-
151
- }
152
-
153
- }
154
-
155
- },
156
-
157
- error: function(){
158
-
159
- //通信失敗時の処理
160
-
161
- alert('通信失敗');
162
-
163
-
164
-
165
- }
166
-
167
- });
168
-
169
- });
170
-
171
-
172
-
173
- ```

3

質問内容にできるだけ回答しました。

2016/10/22 07:31

投稿

usuallyi
usuallyi

スコア41

test CHANGED
@@ -1 +1 @@
1
- javascriptでfor文内にボタン表示
1
+ javascriptでfor文内にsubmitボタン表示
test CHANGED
@@ -11,6 +11,98 @@
11
11
  投稿内容を削除したいです。
12
12
 
13
13
  その後も最後までfor文を回したいです。
14
+
15
+
16
+
17
+ ボタンが表示されていないだけで、
18
+
19
+ 以下のようなプログラムを書いていれば、
20
+
21
+ ボタン表示させたい部分に削除という表記は出ましたが、
22
+
23
+ submitボタンを追加すると上手く行きません。
24
+
25
+ ```javascript
26
+
27
+ $(document).ready(function(){
28
+
29
+ $.ajax({
30
+
31
+ type: "POST",
32
+
33
+ url: '/cakephp/users/json_data',
34
+
35
+ dataType: 'json',
36
+
37
+ timeout: 10000,
38
+
39
+ success : function(data){
40
+
41
+ for(var i in data.json_data){
42
+
43
+ $("#output").append(data.json_data[i].Tweet.name+"</br>");
44
+
45
+ $("#output").append(data.json_data[i].Tweet.tweet+"</br>");
46
+
47
+ $("#output").append(data.json_data[i].Tweet.tweettime+"</br>");
48
+
49
+ if(data.my_id==data.json_data[i].Tweet.name){
50
+
51
+ $("#output").append("削除"+"</br>");
52
+
53
+ }
54
+
55
+ $("#output").append("</br>");
56
+
57
+ }
58
+
59
+ },
60
+
61
+ error: function(){
62
+
63
+ //通信失敗時の処理
64
+
65
+ alert('通信失敗');
66
+
67
+
68
+
69
+ }
70
+
71
+ });
72
+
73
+ });
74
+
75
+
76
+
77
+ ```
78
+
79
+
80
+
81
+ jsonは以下の配列になっています。
82
+
83
+ {
84
+
85
+ my_id: "353",
86
+
87
+ json_data: [
88
+
89
+ {
90
+
91
+ Tweet: {
92
+
93
+ id: "24563",
94
+
95
+ tweet_id: "14",
96
+
97
+ name: "353",
98
+
99
+ tweet: "aaaaaaaaaaaa",
100
+
101
+ tweettime: "2016-10-21 03:40:17"
102
+
103
+ }
104
+
105
+ },
14
106
 
15
107
 
16
108
 

2

実装したいことを追加

2016/10/21 03:23

投稿

usuallyi
usuallyi

スコア41

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,25 @@
4
4
 
5
5
 
6
6
 
7
+ if文でTRUEだった場合に、
8
+
9
+ ボタンを設置させて、
10
+
11
+ 投稿内容を削除したいです。
12
+
13
+ その後も最後までfor文を回したいです。
14
+
15
+
16
+
17
+ 現在
18
+
19
+ ボタンが一番最初しか表示しかされない状況です。
20
+
21
+
22
+
23
+
24
+
7
- cakephpにて以下で表示しています。
25
+ cakephpにて以下の部分で表示しています。
8
26
 
9
27
  <div id="output">
10
28
 

1

題名変更

2016/10/21 02:27

投稿

usuallyi
usuallyi

スコア41

test CHANGED
@@ -1 +1 @@
1
- javascriptでボタン表示
1
+ javascriptでfor文内にボタン表示
test CHANGED
File without changes