質問編集履歴
1
質問２の問題が解決しない。自分でもコードを書いてみた。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -258,6 +258,52 @@
|
|
|
258
258
|
|
|
259
259
|
|
|
260
260
|
|
|
261
|
+
### 2つ目の質問の「一つでもフォームに値を入力した場合、その行は全て入力必須にする仕組みの構築方法」について
|
|
262
|
+
|
|
263
|
+
|
|
264
|
+
|
|
265
|
+
質問１「選択した「購入者の名前と購入者コード」「商品の名前と商品コード」をそれぞれ確認画面に渡し、
|
|
266
|
+
|
|
267
|
+
DBにはコードのみ登録する方法」は解決しました。
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
質問２についてですが、ご回答頂いた内容を貼って動かしてみました。確かにその行のinputはrequiredが付与されて
|
|
272
|
+
|
|
273
|
+
意図したようになりました。しかしselectは選択せずとも先に進めてしまいます。
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
|
|
277
|
+
そこで自分なりに以下のようなコードを書いてみました。
|
|
278
|
+
|
|
279
|
+
やはりinputタグにはrequiredが付与されるのですが、selectタグは無反応です。
|
|
280
|
+
|
|
281
|
+
どのようにするとその行全てを選択しないと先に進めなくなる仕組みが構築できるでしょうか。
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
```jQuery
|
|
286
|
+
|
|
287
|
+
|
|
288
|
+
|
|
289
|
+
$("select").on('change', function(){
|
|
290
|
+
|
|
291
|
+
console.log('成功');
|
|
292
|
+
|
|
293
|
+
var parentTr = $(this).parents("tr");
|
|
294
|
+
|
|
295
|
+
parentTr.find("select").required;
|
|
296
|
+
|
|
297
|
+
parentTr.find("input").required;
|
|
298
|
+
|
|
299
|
+
});
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
|
|
303
|
+
```
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
261
307
|
ご回答いただけると助かります。
|
|
262
308
|
|
|
263
309
|
よろしくお願い致します。
|