teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

動かなかったらすみません

2020/01/14 23:45

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -1,20 +1,32 @@
1
1
  とりあえず、部分一致したもののリンクを貼る方法で
2
2
 
3
+ ここまで出てるんで、ご自身でやって欲しいというのが本心ですが、一応書いておきますが、未テストなので動かない可能性があります。
4
+
3
5
  ```HTMl
6
+ <!--search.html-->
4
7
  <input type=text id=tags><input type=button id=search value=検索>
8
+ ```
9
+ ```HTMl
10
+ <!--result.html-->
5
11
  <div id=result></div>
6
12
  ```
7
13
  ```JS
8
-
14
+ // search.htmlに読み込む
15
+ search.onclick = function () {
16
+ location.href = 'search.html?word=' + encodeURI(tags.value);
17
+ };
18
+ ```
19
+ ```JS
20
+ // result.htmlに読み込む
9
21
  var tags = [
10
22
  ['バイオリン','s001'],
11
23
  ['トランペット','b001'],
12
24
  ['チューバ','b002']
13
25
  ];
14
26
 
15
- search.onclick = function () {
27
+ window.onload = function () {
16
28
  var result = '';
17
- var value = document.getElementById('tags').value;
29
+ var value = decodeURI(new URLSearchParams(window.location.search).get('word'));
18
30
  for(i=0;i<tags.length;i++){
19
31
  if(tags[i][0].indexOf(value)!=-1){
20
32
  result += '<a href=' + tags[i][1] + '>' + tags[i][0] + '</a> ';

2

追記

2020/01/14 23:45

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -9,7 +9,7 @@
9
9
  var tags = [
10
10
  ['バイオリン','s001'],
11
11
  ['トランペット','b001'],
12
- ['チューバ','b002'],
12
+ ['チューバ','b002']
13
13
  ];
14
14
 
15
15
  search.onclick = function () {

1

追記

2020/01/14 23:24

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -16,7 +16,7 @@
16
16
  var result = '';
17
17
  var value = document.getElementById('tags').value;
18
18
  for(i=0;i<tags.length;i++){
19
- if(tags[i][0].toUpperCase().indexOf(value)!=-1){
19
+ if(tags[i][0].indexOf(value)!=-1){
20
20
  result += '<a href=' + tags[i][1] + '>' + tags[i][0] + '</a> ';
21
21
  }
22
22
  }