回答編集履歴

2

ソースの修正

2020/09/24 07:35

投稿

yureighost
yureighost

スコア2183

test CHANGED
@@ -18,9 +18,17 @@
18
18
 
19
19
  $('input').change(function() {
20
20
 
21
- var sub = sample_list.find((v) => v.list === $(this).val());
21
+ if ($(this).val() === '') {
22
22
 
23
+ $("#subresult1").text('')
24
+
25
+ } else {
26
+
27
+ var sub = sample_list.find((v) => v.list === $(this).val());
28
+
23
- $("#subresult1").text(sub.value)
29
+ $("#subresult1").text(sub.value)
30
+
31
+ }
24
32
 
25
33
  });
26
34
 

1

追記

2020/09/24 07:35

投稿

yureighost
yureighost

スコア2183

test CHANGED
@@ -7,3 +7,23 @@
7
7
  このソースで動作は確認できました。
8
8
 
9
9
  [【Ajax】ローカルファイルを読み込もうとしたらCORSエラーが発生したので解決した](https://qiita.com/terufumi1122/items/39b2a3659bc585c07f64)
10
+
11
+
12
+
13
+ **追記**
14
+
15
+ 問題はそちらでしたか。それならばinput.change部分を
16
+
17
+ ```javascript
18
+
19
+ $('input').change(function() {
20
+
21
+ var sub = sample_list.find((v) => v.list === $(this).val());
22
+
23
+ $("#subresult1").text(sub.value)
24
+
25
+ });
26
+
27
+ ```
28
+
29
+ こんな感じで修正すればjsonのvalueの値が表示できます。