teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問input textのdatalistで特殊文字　Ω(uncode U+02126)を表示したい

編集履歴

質問編集履歴

25

修正

2021/06/09 01:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -76,7 +76,7 @@
76
76
 
77
77
  public enum UnitEnum {
78
78
 
79
- [Display(Name = "mΩ")] // Ω(U+03A9)を使用
79
+ [Display(Name = "mΩ")] // Ω(U+003A9)を使用
80
80
 
81
81
  Mohm = 1
82
82
 

24

修正

2021/06/09 01:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -76,7 +76,7 @@
76
76
 
77
77
  public enum UnitEnum {
78
78
 
79
- [Display(Name = "mΩ")] // Ω(U+2126)を使用
79
+ [Display(Name = "mΩ")] // Ω(U+03A9)を使用
80
80
 
81
81
  Mohm = 1
82
82
 

23

修正

2021/06/09 01:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -204,15 +204,9 @@
204
204
 
205
205
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
206
206
 
207
- if (this.eInput1.value && this.tempUnits) {
208
-
209
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
207
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
210
-
208
+
211
- this.eInput1.value = value;
209
+ this.eInput1.value = value;
212
-
213
- }
214
-
215
-
216
210
 
217
211
  return this.eInput1.value;
218
212
 

22

修正

2021/06/08 23:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -184,7 +184,7 @@
184
184
 
185
185
 
186
186
 
187
- // 既にGridにデータがある場合　※GridはΩ(U+003A9)の表示の影響を受けなかった。
187
+ // 既にGridにデータがある場合
188
188
 
189
189
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
190
190
 
@@ -200,7 +200,7 @@
200
200
 
201
201
  SelectUnits.prototype.getValue = () => {
202
202
 
203
- // datalistで選択した値をΩ(U+003A9)に変換する
203
+ // datalistで選択した値をΩ(U+003A9)に変換する　※GridはΩ(U+003A9)の表示の影響を受けなかった。
204
204
 
205
205
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
206
206
 

21

修正

2021/06/08 23:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -184,7 +184,7 @@
184
184
 
185
185
 
186
186
 
187
- // 既にGridにデータがある場合
187
+ // 既にGridにデータがある場合　※GridはΩ(U+003A9)の表示の影響を受けなかった。
188
188
 
189
189
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
190
190
 

20

修正

2021/06/08 23:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -162,6 +162,8 @@
162
162
 
163
163
 
164
164
 
165
+ // datalistへの追加処理
166
+
165
167
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
166
168
 
167
169
  let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
@@ -180,7 +182,9 @@
180
182
 
181
183
  }
182
184
 
185
+
186
+
183
-
187
+ // 既にGridにデータがある場合
184
188
 
185
189
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
186
190
 
@@ -196,6 +200,8 @@
196
200
 
197
201
  SelectUnits.prototype.getValue = () => {
198
202
 
203
+ // datalistで選択した値をΩ(U+003A9)に変換する
204
+
199
205
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
200
206
 
201
207
  if (this.eInput1.value && this.tempUnits) {

19

修正

2021/06/08 23:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -76,7 +76,7 @@
76
76
 
77
77
  public enum UnitEnum {
78
78
 
79
- [Display(Name = "mΩ")] // これをΩ(U+03A9)のオームにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
79
+ [Display(Name = "mΩ")] // Ω(U+2126)を使用
80
80
 
81
81
  Mohm = 1
82
82
 

18

修正

2021/06/08 23:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -200,7 +200,7 @@
200
200
 
201
201
  if (this.eInput1.value && this.tempUnits) {
202
202
 
203
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
203
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
204
204
 
205
205
  this.eInput1.value = value;
206
206
 

17

修正

2021/06/08 23:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -200,7 +200,7 @@
200
200
 
201
201
  if (this.eInput1.value && this.tempUnits) {
202
202
 
203
- let value = this.eInput1.value.toString().replace(/Ω/, "\u｛003A9}");
203
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
204
204
 
205
205
  this.eInput1.value = value;
206
206
 

16

修正

2021/06/08 23:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -162,7 +162,7 @@
162
162
 
163
163
 
164
164
 
165
- // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
165
+ // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
166
166
 
167
167
  let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
168
168
 
@@ -182,7 +182,7 @@
182
182
 
183
183
 
184
184
 
185
- // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
185
+ // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
186
186
 
187
187
  let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
188
188
 
@@ -196,11 +196,11 @@
196
196
 
197
197
  SelectUnits.prototype.getValue = () => {
198
198
 
199
- // Ω(U+02126)※機種依存文字 → Ω(U+03A9)変換
199
+ // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
200
200
 
201
201
  if (this.eInput1.value && this.tempUnits) {
202
202
 
203
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{U+03A9)}");
203
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u｛003A9}");
204
204
 
205
205
  this.eInput1.value = value;
206
206
 

15

修正

2021/06/08 23:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -172,10 +172,6 @@
172
172
 
173
173
  datalist.appendChild(option);
174
174
 
175
-
176
-
177
- datalist.appendChild(option);
178
-
179
175
  });
180
176
 
181
177
 

14

修正

2021/06/08 23:15

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -162,20 +162,20 @@
162
162
 
163
163
 
164
164
 
165
- // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側で変換処理は不要かもしれない。
165
+ // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
166
-
166
+
167
- if (currentValue.text.toString() === "mΩ") {
167
+ let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
168
-
168
+
169
- option["value"] = "m\u{02126}"
169
+ option["value"] = value;
170
-
171
- }
172
-
173
- /* else if */
174
170
 
175
171
 
176
172
 
177
173
  datalist.appendChild(option);
178
174
 
175
+
176
+
177
+ datalist.appendChild(option);
178
+
179
179
  });
180
180
 
181
181
 
@@ -186,15 +186,11 @@
186
186
 
187
187
 
188
188
 
189
- // 同様
189
+ // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
190
-
190
+
191
- if (this.eInput1.value.toString() === "mΩ") {
191
+ let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
192
-
192
+
193
- this.eInput1.value = "m\u{02126}"
193
+ this.eInput1.value = value2;
194
-
195
- }
196
-
197
- /* else if */
198
194
 
199
195
  }
200
196
 
@@ -204,19 +200,15 @@
204
200
 
205
201
  SelectUnits.prototype.getValue = () => {
206
202
 
207
- // 同様
203
+ // Ω(U+02126)※機種依存文字 → Ω(U+03A9)変換
208
204
 
209
205
  if (this.eInput1.value && this.tempUnits) {
210
206
 
211
- if (this.eInput1.value === "m\u{02126}") {
207
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{U+03A9)}");
212
-
208
+
213
- this.eInput1.value = "mΩ";
209
+ this.eInput1.value = value;
214
-
210
+
215
- }
211
+ }
216
-
217
- /* else if */
218
-
219
- }
220
212
 
221
213
 
222
214
 

13

修正

2021/06/08 23:15

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -58,7 +58,7 @@
58
58
 
59
59
  この質問で記載しましたのはΩ(U+03A9)のオームのほうです、ᴎのほうになっていると思います。
60
60
 
61
- 機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
61
+ javascript側で機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
62
62
 
63
63
  以下は実際に使用しているコードです。
64
64
 

12

修正

2021/06/08 13:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,8 @@
60
60
 
61
61
  機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
62
62
 
63
+ 以下は実際に使用しているコードです。
64
+
63
65
 
64
66
 
65
67
  ```C#

11

修正

2021/06/08 13:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -160,7 +160,7 @@
160
160
 
161
161
 
162
162
 
163
- // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側でこんな処理は不要かもしれない。
163
+ // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側で変換処理は不要かもしれない。
164
164
 
165
165
  if (currentValue.text.toString() === "mΩ") {
166
166
 
@@ -184,7 +184,7 @@
184
184
 
185
185
 
186
186
 
187
- // Ω → U+02126変換
187
+ // 同様
188
188
 
189
189
  if (this.eInput1.value.toString() === "mΩ") {
190
190
 
@@ -202,7 +202,7 @@
202
202
 
203
203
  SelectUnits.prototype.getValue = () => {
204
204
 
205
- // U+02126 → Ω変換
205
+ // 同様
206
206
 
207
207
  if (this.eInput1.value && this.tempUnits) {
208
208
 

10

修正

2021/06/08 13:28

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -88,7 +88,7 @@
88
88
 
89
89
  ```javascript
90
90
 
91
- // ag-gridのcomponentで　 input type="text" autocomplateを作成してます。
91
+ // ag-gridのcomponentで　 input type="text" autocomplateとそのdatalistを作成してます。
92
92
 
93
93
  function getSelectUnits() {
94
94
 

9

修正

2021/06/08 13:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  public enum UnitEnum {
76
76
 
77
- [Display(Name = "mΩ")] // これをΩ(U+03A9)のほうにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
77
+ [Display(Name = "mΩ")] // これをΩ(U+03A9)のオームにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
78
78
 
79
79
  Mohm = 1
80
80
 

8

修正

2021/06/08 13:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -51,3 +51,189 @@
51
51
  });
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ (追記)
58
+
59
+ この質問で記載しましたのはΩ(U+03A9)のオームのほうです、ᴎのほうになっていると思います。
60
+
61
+ 機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
62
+
63
+
64
+
65
+ ```C#
66
+
67
+ // C#ですが、ただのEnum値です。
68
+
69
+ using System.ComponentModel.DataAnnotations;
70
+
71
+
72
+
73
+ namespace DomainModel {
74
+
75
+ public enum UnitEnum {
76
+
77
+ [Display(Name = "mΩ")] // これをΩ(U+03A9)のほうにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
78
+
79
+ Mohm = 1
80
+
81
+ }
82
+
83
+ }
84
+
85
+ ```
86
+
87
+
88
+
89
+ ```javascript
90
+
91
+ // ag-gridのcomponentで　 input type="text" autocomplateを作成してます。
92
+
93
+ function getSelectUnits() {
94
+
95
+ function SelectUnits() { }
96
+
97
+
98
+
99
+ SelectUnits.prototype.init = (params) => {
100
+
101
+ this.params = params;
102
+
103
+
104
+
105
+ this.eInput1 = document.createElement("input");
106
+
107
+ this.eInput1.value = params.value;
108
+
109
+ this.eInput1.classList.add("ag-input1");
110
+
111
+
112
+
113
+ this.eInput1.autocomplete = "on";
114
+
115
+ this.eInput1.placeholder = "-- 選択 --";
116
+
117
+ this.eInput1.setAttribute("list", "selectUnits");
118
+
119
+
120
+
121
+ this.eInput1.style.width = "100%";
122
+
123
+ };
124
+
125
+
126
+
127
+ SelectUnits.prototype.getGui = () => {
128
+
129
+ return this.eInput1;
130
+
131
+ };
132
+
133
+
134
+
135
+ SelectUnits.prototype.afterGuiAttached = () => {
136
+
137
+ if ("cellEditorParams" in this.params.colDef) {
138
+
139
+ let datalist = document.createElement("datalist");
140
+
141
+ datalist.id = "selectUnits";
142
+
143
+
144
+
145
+ const units = this.params.colDef.cellEditorParams;
146
+
147
+ const unit = this.eInput1.value;
148
+
149
+ this.tempUnits = getSelectFilterData(units, "key", "value", unit);　// [{ id: 1, text: "Ω" }, { id: 2, text: "Ω" } ]みたいなこと。
150
+
151
+
152
+
153
+ if (this.tempUnits) {
154
+
155
+ this.tempUnits.forEach((currentValue) => {
156
+
157
+ let option = document.createElement("option");
158
+
159
+ option["data-value"] = currentValue.id;
160
+
161
+
162
+
163
+ // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側でこんな処理は不要かもしれない。
164
+
165
+ if (currentValue.text.toString() === "mΩ") {
166
+
167
+ option["value"] = "m\u{02126}"
168
+
169
+ }
170
+
171
+ /* else if */
172
+
173
+
174
+
175
+ datalist.appendChild(option);
176
+
177
+ });
178
+
179
+
180
+
181
+ this.eInput1.appendChild(datalist);
182
+
183
+ }
184
+
185
+
186
+
187
+ // Ω → U+02126変換
188
+
189
+ if (this.eInput1.value.toString() === "mΩ") {
190
+
191
+ this.eInput1.value = "m\u{02126}"
192
+
193
+ }
194
+
195
+ /* else if */
196
+
197
+ }
198
+
199
+ };
200
+
201
+
202
+
203
+ SelectUnits.prototype.getValue = () => {
204
+
205
+ // U+02126 → Ω変換
206
+
207
+ if (this.eInput1.value && this.tempUnits) {
208
+
209
+ if (this.eInput1.value === "m\u{02126}") {
210
+
211
+ this.eInput1.value = "mΩ";
212
+
213
+ }
214
+
215
+ /* else if */
216
+
217
+ }
218
+
219
+
220
+
221
+ return this.eInput1.value;
222
+
223
+ };
224
+
225
+
226
+
227
+ SelectUnits.prototype.destory = () => {
228
+
229
+ // console.log("destory");
230
+
231
+ };
232
+
233
+
234
+
235
+ return SelectUnits;
236
+
237
+ }
238
+
239
+ ```

7

修正

2021/06/08 13:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  表示はGrid上ですが、ただのinput textのautocomplateのdatalistです。
6
6
 
7
- ![イメージ説明](b129ebe769c7d484392017daa62519c2.png)
7
+ ![イメージ説明](665c9f43b435e0f9d36b8db7b057ffeb.png)
8
8
 
9
9
 
10
10
 

6

修正

2021/06/08 01:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,10 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
+
3
+
4
+
5
+ 表示はGrid上ですが、ただのinput textのautocomplateのdatalistです。
6
+
7
+ ![イメージ説明](b129ebe769c7d484392017daa62519c2.png)
2
8
 
3
9
 
4
10
 

5

修正

2021/06/08 01:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
+
3
+
4
+
5
+ htmlコード&#8486を使用した場合は、ω(オメガ)となりました。
2
6
 
3
7
 
4
8
 

4

修正

2021/06/08 01:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,10 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
+
3
+
4
+
5
+ Google Chromeを利用しています。
6
+
7
+
2
8
 
3
9
  どなたかご教授お願いします。
4
10
 

3

修正

2021/06/08 01:20

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  let datalist = document.createElement("datalist");
10
10
 
11
- const tempUnits = [{id: 1, text: "mΩ"]};
11
+ const tempUnits = [{id: 1, text: "mΩ"}];
12
12
 
13
13
 
14
14
 

2

修正

2021/06/08 01:05

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  let datalist = document.createElement("datalist");
10
10
 
11
- const tempUnits = {1: "Ω"};
11
+ const tempUnits = [{id: 1, text: "mΩ"]};
12
12
 
13
13
 
14
14
 
@@ -18,9 +18,15 @@
18
18
 
19
19
  option["data-value"] = currentValue.id;
20
20
 
21
- option["value"] = "mΩ"; // m&#x(U+02126)だとそのまま表示されてしまった。
22
21
 
22
+
23
-
23
+ if (currentValue.text === "mΩ") {
24
+
25
+ option["value"] = "m&#x(U+02126)"; // m&#x(U+02126)だとそのまま表示されてしまった。
26
+
27
+ }
28
+
29
+
24
30
 
25
31
  // datalistに追加するようなことをしている。
26
32
 

1

修正

2021/06/08 01:05

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,11 +8,11 @@
8
8
 
9
9
  let datalist = document.createElement("datalist");
10
10
 
11
- this.tempUnits = {1: "Ω"};
11
+ const tempUnits = {1: "Ω"};
12
12
 
13
13
 
14
14
 
15
- this.tempUnits.forEach((currentValue) => {
15
+ tempUnits.forEach((currentValue) => {
16
16
 
17
17
  let option = document.createElement("option");
18
18