質問編集履歴

6

javascript記載

2021/03/11 00:56

投稿

nan_c
nan_c

スコア4

test CHANGED
File without changes
test CHANGED
@@ -246,20 +246,18 @@
246
246
 
247
247
  $(document).ready(function() {
248
248
 
249
- $('#cm_ledger_select_button1').on('click', function() {
249
+ $('#cm_ledger_select_button2').on('click', function() {
250
250
 
251
251
  var selected = $('input[name="cm_ledger_select1"]:checked').val();
252
252
 
253
253
  $('#id_cm_ledger').val(selected);
254
254
 
255
+ var selected = $('input[name="cm_ledger_select2"]:checked').val();
256
+
257
+ $('#id_cm_ledger').val(selected);
258
+
255
259
  });
256
260
 
257
- $('#cm_ledger_select_button2').on('click', function() {
258
-
259
- var selected = $('input[name="cm_ledger_select2"]:checked').val();
260
-
261
- $('#id_cm_ledger').val(selected);
262
-
263
261
  });
264
262
 
265
263
  } );
@@ -268,7 +266,7 @@
268
266
 
269
267
 
270
268
 
271
-
269
+ セットするvalue値を分割したい。
272
270
 
273
271
 
274
272
 
@@ -310,7 +308,7 @@
310
308
 
311
309
 
312
310
 
313
- 画面項目1 (ブランク表示)
311
+ 画面項目1 2019,d.xls
314
312
 
315
313
  画面項目2 2019,d.xls 検索
316
314
 

5

コード記載

2021/03/11 00:56

投稿

nan_c
nan_c

スコア4

test CHANGED
File without changes
test CHANGED
@@ -18,47 +18,255 @@
18
18
 
19
19
 
20
20
 
21
-
22
-
23
- ```HTML
21
+ ```Python HTML マクロ javascript
22
+
23
+
24
+
25
+ コード
24
26
 
25
27
  ```
26
28
 
29
+ <!--マクロ -->
30
+
31
+ {% macro commercial_dialog dialog_id select_name submit_button_id %}
32
+
33
+ <div class="modal" id="{{ dialog_id }}" tabindex="-1" role="dialog">
34
+
35
+ <div class="modal-dialog" role="document">
36
+
37
+ <div class="modal-content">
38
+
39
+ <div class="modal-header">
40
+
41
+ <h5 class="modal-title">タイトル</h5>
42
+
43
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
44
+
45
+ <span aria-hidden="true">&times;</span>
46
+
47
+ </button>
48
+
49
+ </div>
50
+
51
+ <div class="modal-body">
52
+
53
+ <table class="table table-striped search_datatable small-table">
54
+
55
+ <thead>
56
+
27
- 以下、検索画面
57
+ <tr>
58
+
28
-
59
+ <th></th>
60
+
61
+ <th>年度</th>
62
+
63
+ <th>excel名</th>
64
+
65
+ </tr>
66
+
67
+ </thead>
68
+
29
- <tbody>
69
+ <tbody>
30
-
70
+
31
- {% for set_koumoku in queryset_file %}コード
71
+ {% for set_data in queryset_data %}
72
+
32
-
73
+ <tr>
74
+
33
- <td><input type="radio" name="{{ select_name }}"
75
+ <td><input type="radio" name="{{ select_name }}"
34
-
76
+
35
- value={{set_1}},{{set_2}} checked></td>
77
+ value="{{set_1}},{{set_2}}}}" checked></td>
36
78
 
37
79
  <td>{{set_1}}</td>
38
80
 
39
81
  <td>{{set_2}}</td>
40
82
 
41
- {% endfor %}
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
- 以下、呼び出し元の画面
50
-
51
- <!--画面 項目1-->
52
-
53
-
54
-
55
- <a href="#" data-toggle="modal" data-target="#get_1"></a>
56
-
57
- <!--画面 項目2-->
58
-
59
- <a href="#" data-toggle="modal" data-target="#get_2">検索</a>
60
-
61
- </div>
83
+ </tr>
84
+
85
+ {% endfor %}
86
+
87
+ </tbody>
88
+
89
+ </table>
90
+
91
+ </div>
92
+
93
+ <div class="modal-footer">
94
+
95
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">閉じる</button>
96
+
97
+ <button type="button" id="{{ submit_button_id }}" class="btn btn-primary" data-dismiss="modal">選択</button>
98
+
99
+ </div>
100
+
101
+ </div>
102
+
103
+ </div>
104
+
105
+ </div>
106
+
107
+ {% endmacro %}
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+ <!--指示画面 -->
116
+
117
+ {% block content %}
118
+
119
+ <div>
120
+
121
+ <ul class="nav nav-tabs" role="tablist">
122
+
123
+ <li role="presentation" class="nav-item"><a href="#cm" class="nav-link" aria-controls="profile" role="tab" data-toggle="tab">選択タブ</a></li>
124
+
125
+ </ul>
126
+
127
+ <div class="tab-content">
128
+
129
+ <!--選択タブ -->
130
+
131
+ <div role="tabpanel" class="tab-pane list_tab-pane table-responsive" id="cm">
132
+
133
+ {% if user_function_authority.publish_commercial_coastal == True or user_function_authority.publish_commercial_offshore == True %}
134
+
135
+ <h1>登録</h1>
136
+
137
+ <form action="/url" method="POST">
138
+
139
+ {% csrf_token %}
140
+
141
+ <div class="form-group row">
142
+
143
+ <div class="col-2 width-150px high-80px float-left">
144
+
145
+ <label class="col-form-label">{{ form.cm.label_tag }}</label>
146
+
147
+ </div>
148
+
149
+ <div class="col-8 width-150px high-80px float-left">
150
+
151
+ {{ form.cmledger.errors }}
152
+
153
+ {{ form.cmledger|add_class:"form-control" }}
154
+
155
+ </div>
156
+
157
+ <!--年度-->
158
+
159
+ <div class="col-2">
160
+
161
+ <a href="#" data-toggle="modal" data-target="#cm_ledger_dialog1"></a>
162
+
163
+ </div>
164
+
165
+ <div class="col-2 width-150px high-80px float-left">
166
+
167
+ <label class="col-form-label">{{ form.cm_ledger.label_tag }}</label>
168
+
169
+ </div>
170
+
171
+ <div class="col-8 width-150px high-80px float-left">
172
+
173
+ {{ form.cm_ledger.errors }}
174
+
175
+ {{ form.cm_ledger|add_class:"form-control" }}
176
+
177
+ </div>
178
+
179
+ <!--excel名-->
180
+
181
+ <div class="col-2">
182
+
183
+ <a href="#" data-toggle="modal" data-target="#cm_dialog2">検索</a>
184
+
185
+ </div>
186
+
187
+ <div class="col-2 width-150px high-80px float-left">
188
+
189
+ <label class="col-form-label">{{ form.cm_ledger.label_tag }}</label>
190
+
191
+ </div>
192
+
193
+ <div class="col-8 width-150px high-80px float-left">
194
+
195
+ {{ form.cm_ledger.errors }}
196
+
197
+ {{ form.cm_ledger|add_class:"form-control" }}
198
+
199
+ </div>
200
+
201
+ </div>
202
+
203
+ </div>
204
+
205
+
206
+
207
+ <!-- <input type="button" value="Publish" class="btn btn-light btn-custom-light"> -->
208
+
209
+ <input type="submit" name="印刷" value="Publish">
210
+
211
+ </form>
212
+
213
+ <br>
214
+
215
+ {% endif %}
216
+
217
+
218
+
219
+ <!-- <input type="submit" value="Publish" class="btn btn-light btn-custom-light"> -->
220
+
221
+ <input type="submit" name="印刷" value="Publish">
222
+
223
+ </form>
224
+
225
+ </div>
226
+
227
+ </div>
228
+
229
+ </div>
230
+
231
+
232
+
233
+
234
+
235
+ {% use_macro cm_ledger_dialog1 'cm_ledger_dialog1' 'cm_ledger_select1' 'cm_ledger_select_button1' %}
236
+
237
+ {% use_macro cm_ledger_dialog2 'cm_ledger_dialog2' 'cm_ledger_select2' 'commercial_dna_ledger_select_button2' %}
238
+
239
+
240
+
241
+ {% block scripts %}
242
+
243
+ <script type="text/javascript">
244
+
245
+ $(function () {
246
+
247
+ $(document).ready(function() {
248
+
249
+ $('#cm_ledger_select_button1').on('click', function() {
250
+
251
+ var selected = $('input[name="cm_ledger_select1"]:checked').val();
252
+
253
+ $('#id_cm_ledger').val(selected);
254
+
255
+ });
256
+
257
+ $('#cm_ledger_select_button2').on('click', function() {
258
+
259
+ var selected = $('input[name="cm_ledger_select2"]:checked').val();
260
+
261
+ $('#id_cm_ledger').val(selected);
262
+
263
+ });
264
+
265
+ } );
266
+
267
+ })
268
+
269
+
62
270
 
63
271
 
64
272
 

4

使用言語 検索説明追記

2021/03/11 00:40

投稿

nan_c
nan_c

スコア4

test CHANGED
@@ -1 +1 @@
1
- HTMLでラジオボタンで複数項目を項目設定したいのですがうまくいきません。
1
+ Python HTMLでラジオボタンで複数項目を項目設定したいのですがうまくいきません。
test CHANGED
@@ -2,9 +2,15 @@
2
2
 
3
3
 
4
4
 
5
- set_1、set_2、set_3をVALUEで返しset_1は画面項目1に、set_2は画面項目2に戻して設定したいです。
5
+ set_1、set_2をVALUEで返しset_1は画面項目1に、set_2は画面項目2に戻して設定したいです。
6
6
 
7
7
  現在、画面項目3にvalue値がすべてカンマ区切りで表示されてしまいます。
8
+
9
+
10
+
11
+ Pythonにて取得したquerysetをforにてラジオボタンをつけて一覧表示しました。
12
+
13
+ このラジオボタンが選択された行の項目を全て元の画面に戻して表示させたいのです。
8
14
 
9
15
 
10
16
 
@@ -16,9 +22,15 @@
16
22
 
17
23
  ```HTML
18
24
 
19
- コード
25
+ ```
20
26
 
27
+ 以下、検索画面
28
+
29
+ <tbody>
30
+
31
+ {% for set_koumoku in queryset_file %}コード
32
+
21
- ```<td><input type="radio" name="{{ select_name }}"
33
+ <td><input type="radio" name="{{ select_name }}"
22
34
 
23
35
  value={{set_1}},{{set_2}} checked></td>
24
36
 
@@ -26,7 +38,7 @@
26
38
 
27
39
  <td>{{set_2}}</td>
28
40
 
29
-
41
+ {% endfor %}
30
42
 
31
43
 
32
44
 
@@ -34,7 +46,7 @@
34
46
 
35
47
 
36
48
 
37
-
49
+ 以下、呼び出し元の画面
38
50
 
39
51
  <!--画面 項目1-->
40
52
 
@@ -44,7 +56,7 @@
44
56
 
45
57
  <!--画面 項目2-->
46
58
 
47
- <a href="#" data-toggle="modal" data-target="#get_2"></a>
59
+ <a href="#" data-toggle="modal" data-target="#get_2">検索</a>
48
60
 
49
61
  </div>
50
62
 
@@ -67,6 +79,8 @@
67
79
  ●   2019     d.xls
68
80
 
69
81
  〇  2019     e.xls
82
+
83
+  続く
70
84
 
71
85
 
72
86
 

3

イメージ添付

2021/03/10 23:59

投稿

nan_c
nan_c

スコア4

test CHANGED
File without changes
test CHANGED
@@ -80,7 +80,7 @@
80
80
 
81
81
  画面項目1 2019
82
82
 
83
- 画面項目2 d.xls
83
+ 画面項目2 d.xls    検索
84
84
 
85
85
 
86
86
 
@@ -90,7 +90,7 @@
90
90
 
91
91
  画面項目1 (ブランク表示)
92
92
 
93
- 画面項目2 2019,d.xls
93
+ 画面項目2 2019,d.xls 検索
94
94
 
95
95
 
96
96
 

2

イメージ添付

2021/03/10 08:36

投稿

nan_c
nan_c

スコア4

test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
+ set_1、set_2、set_3をVALUEで返しset_1は画面項目1に、set_2は画面項目2に戻して設定したいです。
6
+
5
- 現在、set_3のみ設定しります
7
+ 現在、画面項目3にvalue値がすべカンマ区切で表示されてしいま
6
8
 
7
9
 
8
-
9
- set_1、set_2、set_3をVALUEで返すなりして画面項目に設定したいです。
10
10
 
11
11
  よろしくお願いします。
12
12
 
@@ -20,13 +20,13 @@
20
20
 
21
21
  ```<td><input type="radio" name="{{ select_name }}"
22
22
 
23
- value={{set_3}} checked></td>
23
+ value={{set_1}},{{set_2}} checked></td>
24
24
 
25
25
  <td>{{set_1}}</td>
26
26
 
27
27
  <td>{{set_2}}</td>
28
28
 
29
- <td>{{set_3}}</td>
29
+
30
30
 
31
31
 
32
32
 
@@ -46,11 +46,7 @@
46
46
 
47
47
  <a href="#" data-toggle="modal" data-target="#get_2"></a>
48
48
 
49
- <!--画面項目3-->
50
-
51
- <a href="#" data-toggle="modal" data-target="#get_3">検索</a>
52
-
53
- </div>
49
+ </div>
54
50
 
55
51
 
56
52
 
@@ -79,3 +75,23 @@
79
75
  excel名 = d.xls
80
76
 
81
77
  としたい時
78
+
79
+
80
+
81
+ 画面項目1 2019
82
+
83
+ 画面項目2 d.xls
84
+
85
+
86
+
87
+ と表示したいが今は
88
+
89
+
90
+
91
+ 画面項目1 (ブランク表示)
92
+
93
+ 画面項目2 2019,d.xls
94
+
95
+
96
+
97
+ となってしまいます。

1

イメージ添付

2021/03/10 08:30

投稿

nan_c
nan_c

スコア4

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,11 @@
14
14
 
15
15
 
16
16
 
17
+ ```HTML
18
+
19
+ コード
20
+
17
- <td><input type="radio" name="{{ select_name }}"
21
+ ```<td><input type="radio" name="{{ select_name }}"
18
22
 
19
23
  value={{set_3}} checked></td>
20
24
 
@@ -47,3 +51,31 @@
47
51
  <a href="#" data-toggle="modal" data-target="#get_3">検索</a>
48
52
 
49
53
  </div>
54
+
55
+
56
+
57
+
58
+
59
+ ラジオボタン選択ぼイメージ
60
+
61
+
62
+
63
+    年度     excel名
64
+
65
+ 〇  2019     a.xls
66
+
67
+ 〇  2019     b.xls
68
+
69
+ 〇  2019     c.xls
70
+
71
+ ●   2019     d.xls
72
+
73
+ 〇  2019     e.xls
74
+
75
+
76
+
77
+ 年度   = 2019
78
+
79
+ excel名 = d.xls
80
+
81
+ としたい時