teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問フォーム項目の表示　非表示をする方法

編集履歴

質問編集履歴

3

追記

2018/01/12 04:44

投稿

io-rin
io-rin

スコア13

title CHANGED
File without changes
body CHANGED
@@ -40,8 +40,9 @@
40
40
  ```
41
41
 
42
42
  上記のようなプログラムを作成しています。
43
- りんごの種類が表示された後再度selectボックスを表示させるにはjavascriptにはどのような処理を加えればいいでしょうか？
43
+ ここからhtmlを下記のように変更する場合のjavascriptに困っています。
44
44
 
45
+
45
46
  ```ここに言語を入力
46
47
  ```html
47
48
  <tr>
@@ -51,7 +52,6 @@
51
52
  　　　　　　　　　　　　　　　　　　<option value="">選択してください</option>
52
53
  <option value="apple">りんご</option>
53
54
  <option value="peach">もも</option>
54
- <option value="orange">オレンジ</option>
55
55
  </select>
56
56
  </td>
57
57
  </tr>
@@ -83,4 +83,6 @@
83
83
  ```
84
84
  ```
85
85
 
86
- よろしくお願いします。
86
+ よろしくお願いします。
87
+
88
+ ※答えていただいた方々ありがとうございます。誤解を与える表現で申し訳ございません。

2

プラグラム

2018/01/12 04:44

投稿

io-rin
io-rin

スコア13

title CHANGED
File without changes
body CHANGED
@@ -55,7 +55,7 @@
55
55
  </select>
56
56
  </td>
57
57
  </tr>
58
- <!-- 表示非表示切り替え -->
58
+ <!-- 表示非表示切り替え りんごを選んだ時-->
59
59
  <tr id="apple-select">
60
60
  <th>りんごの種類</th>
61
61
  <td><input type="text" />
@@ -75,7 +75,7 @@
75
75
  <th>つがるの個数</th>
76
76
  <td><input type="text" /></td>
77
77
  </tr>
78
- <!-- 表示非表示切り替え -->
78
+ <!-- 表示非表示切り替え ももを選んだ時-->
79
79
  <tr id="peach-select">
80
80
  <th>ももの種類</th>
81
81
  <td><input type="text" /></td>

1

プログラム変更

2018/01/12 03:13

投稿

io-rin
io-rin

スコア13

title CHANGED
File without changes
body CHANGED
@@ -59,18 +59,28 @@
59
59
  <tr id="apple-select">
60
60
  <th>りんごの種類</th>
61
61
  <td><input type="text" />
62
- <select id="changeSelect" name="hoge" onchange="itemChange();">
62
+ <select id="changeSelect" name="hoge" onchange="itemChange();">
63
- 　　　　　　　　　　　　　　　　　　<option value="">選択してください</option>
63
+ 　　　　　　　　　<option value="">選択してください</option>
64
- <option value="apple">りんご</option>
65
- <option value="peach">もも</option>
64
+ <option value="fuji">ふじ</option>
66
- <option value="orange">オレンジ</option>
65
+ <option value="tsugaru">つがる</option>
67
- </select>
66
+ </select>
68
- </td>
67
+ </td>
68
+ <!-- 表示非表示切り替え ふじを選んだ時 -->
69
+ <tr id="fuji-select">
70
+ <th>ふじの個数</th>
71
+ <td><input type="text" /></td>
69
- </tr>
72
+ </tr>
73
+ <!-- 表示非表示切り替え つがるを選んだ時 -->
74
+ <tr id="tsugaru-select">
75
+ <th>つがるの個数</th>
76
+ <td><input type="text" /></td>
77
+ </tr>
70
78
  <!-- 表示非表示切り替え -->
71
79
  <tr id="peach-select">
72
80
  <th>ももの種類</th>
73
81
  <td><input type="text" /></td>
74
82
  </tr>
75
83
  ```
76
- ```
84
+ ```
85
+
86
+ よろしくお願いします。