質問編集履歴
3
test
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
2
test
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
不要な部分を削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
具体的には、「入力値」と「JSONの"relation"」を比較して、一致したらその「JSONの"name"」を検索結果として表示する機能です。
|
|
10
10
|
|
|
11
|
-
そのときに半角や全角の変換もしたいのですが、その機能で次の問題に躓いてしまいました。
|
|
11
|
+
そのときに半角や全角の変換もしたいのですが、その変換機能で次の問題に躓いてしまいました。
|
|
12
12
|
|
|
13
13
|
### 発生している問題・エラーメッセージ
|
|
14
14
|
・配列（searchArr）に、重複した値が作られてしまうこと。
|
|
@@ -22,18 +22,23 @@
|
|
|
22
22
|
|
|
23
23
|
### 該当のソースコード
|
|
24
24
|
|
|
25
|
+
この「inputの入力値」と、「JSONの"relation"」を比較し、「ul」に「JSONの"name"」を表示したいという流れです。
|
|
26
|
+
```jQuery
|
|
27
|
+
<div class="searchBox">
|
|
28
|
+
<input type="text">
|
|
29
|
+
</div>
|
|
30
|
+
<ul>ここに「JSONの"name"」を表示したい</ul>
|
|
31
|
+
```
|
|
32
|
+
### 試したソースコード
|
|
25
33
|
「JSONの"relation"」には正式名称と略語などが入っているので、
|
|
34
|
+
それと入力値を比較して、
|
|
26
|
-
|
|
35
|
+
一致したらその「JSONの"name"」を検索結果として表示する。
|
|
27
36
|
という機能のつもりで書いたのが下記のソースコードになります。
|
|
28
37
|
|
|
38
|
+
問題は入力値の変換機能です。
|
|
39
|
+
|
|
29
40
|
動作サンプル：[https://jsfiddle.net/wq68f0ye/](https://jsfiddle.net/wq68f0ye/)
|
|
30
41
|
```jQuery
|
|
31
|
-
<div class="searchBox">
|
|
32
|
-
<input type="text">
|
|
33
|
-
</div>
|
|
34
|
-
<ul>ここに 'name' を表示したい</ul>
|
|
35
|
-
|
|
36
|
-
<script>
|
|
37
42
|
/*
|
|
38
43
|
* 検索される辞書
|
|
39
44
|
***********************/
|
|
@@ -48,13 +53,10 @@
|
|
|
48
53
|
|
|
49
54
|
var obj = JSON.parse(jsn);
|
|
50
55
|
|
|
51
|
-
console.log(obj);
|
|
52
56
|
|
|
53
|
-
|
|
54
57
|
/*
|
|
55
58
|
* 検索を実行
|
|
56
59
|
***********************/
|
|
57
|
-
|
|
58
60
|
$(document).on( 'input', '.searchBox input', function() {
|
|
59
61
|
|
|
60
62
|
// 入力値を配列に
|
|
@@ -92,8 +94,9 @@
|
|
|
92
94
|
}
|
|
93
95
|
$( 'ul' ).html( dispArr );
|
|
94
96
|
});
|
|
95
|
-
|
|
97
|
+
```
|
|
96
|
-
|
|
98
|
+
そして以下が問題の、入力値の変換機能になります。これが上の「$.each」できちんと動作せず、問題が発生しているのだと思います。
|
|
99
|
+
```
|
|
97
100
|
/*
|
|
98
101
|
* 検索文字の変換関数たち
|
|
99
102
|
***********************/
|
|
@@ -146,15 +149,5 @@
|
|
|
146
149
|
}
|
|
147
150
|
return fullStr;
|
|
148
151
|
}
|
|
149
|
-
|
|
150
|
-
</script>
|
|
151
|
-
|
|
152
152
|
```
|
|
153
|
-
|
|
154
|
-
### 試したこと
|
|
155
|
-
|
|
156
|
-
|
|
153
|
+
長くなってしまい申し訳ございませんが、どなたか解決できましたら宜しくお願い致します。
|
|
157
|
-
|
|
158
|
-
### 補足情報（FW/ツールのバージョンなど）
|
|
159
|
-
|
|
160
|
-
ここにより詳細な情報を記載してください。
|