回答編集履歴
2
ソースの修正
answer
CHANGED
|
@@ -8,8 +8,12 @@
|
|
|
8
8
|
問題はそちらでしたか。それならばinput.change部分を
|
|
9
9
|
```javascript
|
|
10
10
|
$('input').change(function() {
|
|
11
|
+
if ($(this).val() === '') {
|
|
12
|
+
$("#subresult1").text('')
|
|
13
|
+
} else {
|
|
11
|
-
|
|
14
|
+
var sub = sample_list.find((v) => v.list === $(this).val());
|
|
12
|
-
|
|
15
|
+
$("#subresult1").text(sub.value)
|
|
16
|
+
}
|
|
13
17
|
});
|
|
14
18
|
```
|
|
15
19
|
こんな感じで修正すればjsonのvalueの値が表示できます。
|
1
追記
answer
CHANGED
|
@@ -2,4 +2,14 @@
|
|
|
2
2
|
getJSONでローカルファイルにHTTPリクエストとしてアクセスするとセキュリティ的な問題でCORSエラーとなります。
|
|
3
3
|
こちらのページなどで紹介されているようにローカルサーバを建ててHTTPからアクセスすれば、
|
|
4
4
|
このソースで動作は確認できました。
|
|
5
|
-
[【Ajax】ローカルファイルを読み込もうとしたらCORSエラーが発生したので解決した](https://qiita.com/terufumi1122/items/39b2a3659bc585c07f64)
|
|
5
|
+
[【Ajax】ローカルファイルを読み込もうとしたらCORSエラーが発生したので解決した](https://qiita.com/terufumi1122/items/39b2a3659bc585c07f64)
|
|
6
|
+
|
|
7
|
+
**追記**
|
|
8
|
+
問題はそちらでしたか。それならばinput.change部分を
|
|
9
|
+
```javascript
|
|
10
|
+
$('input').change(function() {
|
|
11
|
+
var sub = sample_list.find((v) => v.list === $(this).val());
|
|
12
|
+
$("#subresult1").text(sub.value)
|
|
13
|
+
});
|
|
14
|
+
```
|
|
15
|
+
こんな感じで修正すればjsonのvalueの値が表示できます。
|