質問編集履歴

4

タグの追加

2018/10/22 01:50

投稿

baron3
baron3

スコア16

test CHANGED
File without changes
test CHANGED
File without changes

3

比較演算子の修正

2018/10/22 01:50

投稿

baron3
baron3

スコア16

test CHANGED
File without changes
test CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  // formが4つになったら.addをdisabled
108
108
 
109
- if(count=4){
109
+ if(count===4){
110
110
 
111
111
  $('.add').prop("disabled", true);
112
112
 
@@ -142,7 +142,7 @@
142
142
 
143
143
  // formが1つになったら.dellをdisabled
144
144
 
145
- if(count=1){
145
+ if(count===1){
146
146
 
147
147
  $('.del').prop("disabled", true);
148
148
 

2

質問内容を簡潔に変更

2018/10/22 01:46

投稿

baron3
baron3

スコア16

test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,19 @@
2
2
 
3
3
 
4
4
 
5
- ドロップダウンで選択した項目とテキストボックスに入力した文字列一体となったフォームを動的に追加、削除たい(max:4つ、min:1つ)
5
+ ・動的に追加、削除できるフォームを作りたい
6
6
 
7
- ・フォームの内容をサーバー側で受け取りたい
7
+ 新たに追加されたフォームのValue値をサーバー側で受け取りたい
8
+
9
+
10
+
11
+
12
+
13
+ フォームはドロップダウンでカテゴリを選び、テキストで文字列を入力できるタイプのものです。
8
14
 
9
15
  ![参考画像](d89aa7317973b1fe214da90f5fb4b0a5.png)
16
+
17
+
10
18
 
11
19
 
12
20
 
@@ -88,6 +96,8 @@
88
96
 
89
97
  $(document).on("click", ".add", function () {
90
98
 
99
+   //今あるフォームの数を取得
100
+
91
101
  var count = $('div[id^=form-block]').length;
92
102
 
93
103
  var originalForm = $('#form-block');
@@ -117,12 +127,6 @@
117
127
  .insertAfter(originalForm)
118
128
 
119
129
  .attr('id', 'form-block[' + count + ']');
120
-
121
-
122
-
123
- copiedForm = $('form-block[' + count + ']');
124
-
125
- copiedForm.children('[name="dropdown-value"]').val('');
126
130
 
127
131
  });
128
132
 
@@ -156,17 +160,15 @@
156
160
 
157
161
  ### 試したこと・問題
158
162
 
159
- javascriptで元となるフォーム(formA)をコピーし追加することはできました。
163
+ オリジナルのフォームformAをコピーし追加することはできました。
160
164
 
161
- しかし新たに追加したフォーム(formB)のドロップダウン項目を変更するとformAのドロップダウン項目が変更されます。
165
+ しかし新たに追加したフォーム(formB)のドロップダウン項目を変更するとformAのドロップダウン項目が変更されます。
162
166
 
163
- これはドロップダウン項目受けとっていinput[type=hidden]のname属性が同じのため起っている思います、変更する方法がわかりません。
167
+ また、追加したフォーム削除することができません。
164
168
 
165
169
 
166
170
 
167
- 追加れるたびフォームのIDに連番のものをふってそを起点にname属性などを変えていけばいいのだ考えてるのですが、このソースコードだとうまくいきません
171
+ 初めて質問せて頂きます。わかりくいとなどご指摘ただますいです。
168
-
169
-
170
172
 
171
173
  よろしくお願いします。
172
174
 

1

タイトルを変更

2018/10/21 02:16

投稿

baron3
baron3

スコア16

test CHANGED
@@ -1 +1 @@
1
- ドロップダウンとテキストボックスを動的に追加し内容をサーバーで受け取りたい
1
+ 動的に追加したフォームの内容をサーバーで受け取りたい
test CHANGED
File without changes