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

質問編集履歴

1

Jqueryの書き方変更

2019/11/19 01:27

投稿

firefire123
firefire123

スコア5

title CHANGED
File without changes
body CHANGED
@@ -20,19 +20,22 @@
20
20
  ```
21
21
 
22
22
  ```jquery
23
- <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
24
- <script type="text/javascript">
25
- $(function () {
23
+ $(function () {
26
- var template = [
27
- '', 'テンプレ1', 'テンプレ2', 'テンプレ3'
28
- ];
29
24
 
25
+ // 切り替えたセリフテンプレートをテキストエリアに反映
26
+ var SerifSelect = $('.p-SelectGroup');
27
+ var textarea = $('body textarea');
28
+ SerifSelect.each(function (i, el) {
30
- $('select').on('change', function () {
29
+ $(this).on('change', function () {
31
- var i = $(this).val();
30
+ var selectedTemplate = $(this).find('option:selected').val();
31
+
32
- $('textarea').val(template[i]);
32
+ $(textarea[i]).val(selectedTemplate);
33
- });
33
+ });
34
+ })
35
+
34
- });
36
+ });
35
- </script>
37
+
38
+
36
39
  ```
37
40
  いつもお世話になっております。
38
41
  左のセレクトボックスを選択すると右のテキストエリアを反映することが実装できましたが