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

質問編集履歴

1

コードで書き込みました

2019/11/03 07:57

投稿

tororyuryu
tororyuryu

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- jquaryにつ
1
+ jquaryの入力フォームのテキストボックスを複数表示させた
body CHANGED
@@ -1,11 +1,30 @@
1
1
  今jquaryを使っているのですが、
2
2
 
3
+ ```html jquary
4
+ <script>
5
+ function check(){
6
+ //テキストボックス
3
- if ($('#form [name=text]').val() == ""){
7
+ if ($d('#form [name=text]').val() == ""){
4
8
  var text = "入力なし";
5
9
  } else {
6
- var text = $('#form [name=text]').val();
10
+ var text = $d('#form [name=text]').val();
7
11
  }
8
12
 
9
13
 
14
+ //テキストボックス
15
+ if ($d('#form [name=text1]').val() == ""){
16
+ var text = "入力なし";
17
+ } else {
18
+ var text = $d('#form [name=text1]').val();
19
+ }
20
+
21
+ $('.text_result').text('テキストボックス : ' + text);
22
+ $('.text_result1').text('テキストボックス : ' + text1);
23
+ </script>
24
+
25
+ <p class="text_result"></p>
26
+ <p class="text_result1"></p>
27
+ ```
28
+
10
29
  ↑の部分を連続して2つ記述すると何故か表示されなくなってしまいます(ボタンを押すと入力フォームに入力した文字が下に表示されるシステム)
11
30
  どなたかアドバイスをお願いします