質問編集履歴

1

タグの追加、コードの修正、環境情報の追加

2020/01/21 04:32

投稿

osakana1990
osakana1990

スコア16

test CHANGED
File without changes
test CHANGED
@@ -12,31 +12,59 @@
12
12
 
13
13
 
14
14
 
15
- 該当のコードは以下の通りです
15
+ 該当のコードは以下の通りです(ブラウザに表示されたもの)
16
16
 
17
- ({}のタグはバックエンドのdjangoのタグを埋め込んだものです)
17
+
18
18
 
19
19
  ```HTML
20
20
 
21
21
  <div class="input-field input-field--size">
22
22
 
23
- <form method = "post" action = "{% url(省略)%}">
23
+ <form method="post" action="********">
24
24
 
25
- {% csrf_token %}
25
+ <input type="hidden" name="csrfmiddlewaretoken" value="*****">
26
26
 
27
- <select name="name_id">
27
+ <!-- -->
28
28
 
29
- <option value="" disabled selected>ご自身のニックネームを選択ください</option>
29
+ <div class="select-wrapper">
30
30
 
31
- {% for um in ums %}
31
+ <input class="select-dropdown dropdown-trigger" type="text" readonly="true" data-target="select-options-*****">
32
32
 
33
- <option value={{ um.pk }}>{{ um.nickname }}</option>
33
+ <ul id="select-options-*****" class="dropdown-content select-dropdown" tabindex="0" style="display: block; width: 304px; left: 0px; top: -254px; height: 300px; transform-origin: 0px 100%; opacity: 1; transform: scaleX(1) scaleY(1);">
34
34
 
35
- {% endfor %}
35
+ <li class="disabled" id="select-options-*****" tabindex="0"><span>ご自身のニックネームを選択ください</span></li>
36
36
 
37
- </select>
37
+ <li id="select-options-*****" tabindex="0" class=""><span>メンバー1</span></li>
38
38
 
39
+ <li id="select-options-*****" tabindex="0"><span>メンバー2</span></li>
40
+
41
+ <li id="select-options-*****" tabindex="0" class="selected"><span>メンバー3</span></li>
42
+
43
+ <li id="select-options-*****" tabindex="0"><span>メンバー4</span></li>
44
+
45
+ <li id="select-options-*****" tabindex="0" class=""><span>メンバー5</span></li>
46
+
47
+ </ul>
48
+
49
+ <svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
50
+
51
+ <select name="evaluator_id" tabindex="-1">
52
+
53
+ <option value="" disabled="" selected="">ご自身のニックネームを選択ください</option>
54
+
55
+ <option value="54">メンバー1</option>
56
+
57
+ <option value="55">メンバー2</option>
58
+
59
+ <option value="56">メンバー3</option>
60
+
61
+ <option value="57">メンバー4</option>
62
+
63
+ <option value="58">メンバー5</option>
64
+
39
- {{ form.name_id.errors }}
65
+ </select>
66
+
67
+ </div>
40
68
 
41
69
  <button type="submit" class="btn blue accent-3 btn-blue btn-size waves-effect waves-light">OK</button>
42
70
 
@@ -55,3 +83,9 @@
55
83
  materializeだとこの辺りをチェックした方が良い等のアドバイスや、何かヒントをご存知の方がいらっしゃいましたら、ぜひご教示いただけますと幸いです。
56
84
 
57
85
  何卒よろしくお願い致します。
86
+
87
+
88
+
89
+ **■環境について**
90
+
91
+ ・Materializeのバージョン: 1.0.0