質問編集履歴
3
test
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
2
test
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
1
不要な部分を削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
そのときに半角や全角の変換もしたいのですが、その機能で次の問題に躓いてしまいました。
|
21
|
+
そのときに半角や全角の変換もしたいのですが、その変換機能で次の問題に躓いてしまいました。
|
22
22
|
|
23
23
|
|
24
24
|
|
@@ -46,30 +46,40 @@
|
|
46
46
|
|
47
47
|
|
48
48
|
|
49
|
+
この「inputの入力値」と、「JSONの"relation"」を比較し、「ul」に「JSONの"name"」を表示したいという流れです。
|
50
|
+
|
51
|
+
```jQuery
|
52
|
+
|
53
|
+
<div class="searchBox">
|
54
|
+
|
55
|
+
<input type="text">
|
56
|
+
|
57
|
+
</div>
|
58
|
+
|
59
|
+
<ul>ここに「JSONの"name"」を表示したい</ul>
|
60
|
+
|
61
|
+
```
|
62
|
+
|
63
|
+
### 試したソースコード
|
64
|
+
|
49
65
|
「JSONの"relation"」には正式名称と略語などが入っているので、
|
50
66
|
|
67
|
+
それと入力値を比較して、
|
68
|
+
|
51
|
-
|
69
|
+
一致したらその「JSONの"name"」を検索結果として表示する。
|
52
70
|
|
53
71
|
という機能のつもりで書いたのが下記のソースコードになります。
|
54
72
|
|
55
73
|
|
56
74
|
|
75
|
+
問題は入力値の変換機能です。
|
76
|
+
|
77
|
+
|
78
|
+
|
57
79
|
動作サンプル:[https://jsfiddle.net/wq68f0ye/](https://jsfiddle.net/wq68f0ye/)
|
58
80
|
|
59
81
|
```jQuery
|
60
82
|
|
61
|
-
<div class="searchBox">
|
62
|
-
|
63
|
-
<input type="text">
|
64
|
-
|
65
|
-
</div>
|
66
|
-
|
67
|
-
<ul>ここに 'name' を表示したい</ul>
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
<script>
|
72
|
-
|
73
83
|
/*
|
74
84
|
|
75
85
|
* 検索される辞書
|
@@ -98,10 +108,6 @@
|
|
98
108
|
|
99
109
|
|
100
110
|
|
101
|
-
console.log(obj);
|
102
|
-
|
103
|
-
|
104
|
-
|
105
111
|
|
106
112
|
|
107
113
|
/*
|
@@ -110,8 +116,6 @@
|
|
110
116
|
|
111
117
|
***********************/
|
112
118
|
|
113
|
-
|
114
|
-
|
115
119
|
$(document).on( 'input', '.searchBox input', function() {
|
116
120
|
|
117
121
|
|
@@ -186,9 +190,11 @@
|
|
186
190
|
|
187
191
|
});
|
188
192
|
|
189
|
-
|
193
|
+
```
|
194
|
+
|
190
|
-
|
195
|
+
そして以下が問題の、入力値の変換機能になります。これが上の「$.each」できちんと動作せず、問題が発生しているのだと思います。
|
196
|
+
|
191
|
-
|
197
|
+
```
|
192
198
|
|
193
199
|
/*
|
194
200
|
|
@@ -294,26 +300,6 @@
|
|
294
300
|
|
295
301
|
}
|
296
302
|
|
297
|
-
|
298
|
-
|
299
|
-
</script>
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
```
|
303
|
+
```
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
304
|
+
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
305
|
+
長くなってしまい申し訳ございませんが、どなたか解決できましたら宜しくお願い致します。
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
### 補足情報(FW/ツールのバージョンなど)
|
316
|
-
|
317
|
-
|
318
|
-
|
319
|
-
ここにより詳細な情報を記載してください。
|