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

回答編集履歴

1

chousei

2019/11/19 02:38

投稿

yambejp
yambejp

スコア117908

answer CHANGED
@@ -10,4 +10,32 @@
10
10
  $(this).val("");
11
11
  })
12
12
  });
13
+ ```
14
+
15
+ # 更新ボタン
16
+ ```javascript
17
+ <script>
18
+ $(function () {
19
+ var template = [
20
+ '', 'テンプレ1', 'テンプレ2', 'テンプレ3'
21
+ ];
22
+ $('select').on('change', function () {
23
+ var i = $(this).val();
24
+ $('textarea').val(template[i]);
25
+ });
26
+ $('#mod').on('click',function(){
27
+ $('select').trigger('change');
28
+ });
29
+ });
30
+ </script>
31
+ <form action="">
32
+ <select name="" id="">
33
+ <option value="">----</option>
34
+ <option value="1">サンプル1</option>
35
+ <option value="2">サンプル2</option>
36
+ <option value="3">サンプル3</option>
37
+ </select>
38
+ <input type="button" value="更新" id="mod">
39
+ <textarea name="" id="" cols="30" rows="10"></textarea>
40
+ </form>
13
41
  ```