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

質問編集履歴

1

質問2の問題が解決しない。自分でもコードを書いてみた。

2021/05/27 07:10

投稿

Keichi_Negishi
Keichi_Negishi

スコア25

title CHANGED
File without changes
body CHANGED
@@ -128,5 +128,28 @@
128
128
 
129
129
  ```
130
130
 
131
+ ### 2つ目の質問の「一つでもフォームに値を入力した場合、その行は全て入力必須にする仕組みの構築方法」について
132
+
133
+ 質問1「選択した「購入者の名前と購入者コード」「商品の名前と商品コード」をそれぞれ確認画面に渡し、
134
+ DBにはコードのみ登録する方法」は解決しました。
135
+
136
+ 質問2についてですが、ご回答頂いた内容を貼って動かしてみました。確かにその行のinputはrequiredが付与されて
137
+ 意図したようになりました。しかしselectは選択せずとも先に進めてしまいます。
138
+
139
+ そこで自分なりに以下のようなコードを書いてみました。
140
+ やはりinputタグにはrequiredが付与されるのですが、selectタグは無反応です。
141
+ どのようにするとその行全てを選択しないと先に進めなくなる仕組みが構築できるでしょうか。
142
+
143
+ ```jQuery
144
+
145
+ $("select").on('change', function(){
146
+ console.log('成功');
147
+ var parentTr = $(this).parents("tr");
148
+ parentTr.find("select").required;
149
+ parentTr.find("input").required;
150
+ });
151
+
152
+ ```
153
+
131
154
  ご回答いただけると助かります。
132
155
  よろしくお願い致します。