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

回答編集履歴

1

調整

2019/07/22 05:33

投稿

yambejp
yambejp

スコア117902

answer CHANGED
@@ -3,25 +3,30 @@
3
3
  ```javascript
4
4
  <!DOCTYPE html>
5
5
  <html>
6
+ <head>
6
7
  <meta charset=utf-8>
7
8
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
8
9
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.3/jquery.csv.min.js"></script>
9
10
  <script>
10
- function a(){
11
+ $(function(){
12
+ $('#view').on('click',function(){
11
- s=$("#name").val();
13
+ var v=$("#name").val();
12
- $.ajax({
14
+ $.ajax({
13
- url:"kekka.txt",
15
+ url:"y.php",
14
- }).done(function(data){
16
+ }).done(function(data){
15
- var v=$('#name').val();
17
+ var v=$('#name').val();
16
- var b=($.csv.toArrays(data).filter(function(x){
18
+ var b=($.csv.toArrays(data).filter(function(x){
17
- return x[0]==v;
19
+ return x[0]==v;
18
- })[0]||[])[1]||null;
20
+ })[0]||[])[1]||null;
19
- if(b){
21
+ if(b){
20
- alert(v+"さんは"+b+"です");
22
+ alert(v+"さんは"+b+"です");
21
23
  }
24
+ });
22
25
  });
23
- }
26
+ });
24
- </script> <body>
27
+ </script>
28
+ </head>
29
+ <body>
25
30
  <form>
26
31
  <select id="name">
27
32
  <option value="不明">不明</option>
@@ -31,9 +36,10 @@
31
36
  <option value="佐藤">佐藤</option>
32
37
  <option value="渡邊">渡邊</option>
33
38
  </select>
34
- <input type="button" value="表示" onclick="a()">
39
+ <input type="button" value="表示" id="view">
35
40
  </form>
36
41
  </body>
37
42
  </html>
38
43
 
44
+
39
45
  ```