質問編集履歴

3

追記

2018/01/12 04:44

投稿

io-rin
io-rin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -82,7 +82,9 @@
82
82
 
83
83
  上記のようなプログラムを作成しています。
84
84
 
85
- りんごの種類が表示された後再度selectボックス表示させにはjavascriptにはどのような処理を加えればいでしょうか?
85
+ ここからhtmlを下記のように変更す場合のjavascriptに困ってます。
86
+
87
+
86
88
 
87
89
 
88
90
 
@@ -103,8 +105,6 @@
103
105
  <option value="apple">りんご</option>
104
106
 
105
107
  <option value="peach">もも</option>
106
-
107
- <option value="orange">オレンジ</option>
108
108
 
109
109
  </select>
110
110
 
@@ -169,3 +169,7 @@
169
169
 
170
170
 
171
171
  よろしくお願いします。
172
+
173
+
174
+
175
+ ※答えていただいた方々ありがとうございます。誤解を与える表現で申し訳ございません。

2

プラグラム

2018/01/12 04:44

投稿

io-rin
io-rin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -112,7 +112,7 @@
112
112
 
113
113
  </tr>
114
114
 
115
- <!-- 表示非表示切り替え -->
115
+ <!-- 表示非表示切り替え りんごを選んだ時-->
116
116
 
117
117
  <tr id="apple-select">
118
118
 
@@ -152,7 +152,7 @@
152
152
 
153
153
  </tr>
154
154
 
155
- <!-- 表示非表示切り替え -->
155
+ <!-- 表示非表示切り替え ももを選んだ時-->
156
156
 
157
157
  <tr id="peach-select">
158
158
 

1

プログラム変更

2018/01/12 03:13

投稿

io-rin
io-rin

スコア13

test CHANGED
File without changes
test CHANGED
@@ -120,21 +120,37 @@
120
120
 
121
121
  <td><input type="text" />
122
122
 
123
- <select id="changeSelect" name="hoge" onchange="itemChange();">
123
+ <select id="changeSelect" name="hoge" onchange="itemChange();">
124
124
 
125
-                   <option value="">選択してください</option>
125
+          <option value="">選択してください</option>
126
126
 
127
- <option value="apple">りんご</option>
127
+ <option value="fuji">ふじ</option>
128
128
 
129
- <option value="peach">もも</option>
129
+ <option value="tsugaru">つがる</option>
130
130
 
131
- <option value="orange">オレンジ</option>
131
+ </select>
132
132
 
133
- </select>
133
+ </td>
134
134
 
135
- </td>
135
+ <!-- 表示非表示切り替え ふじを選んだ時 -->
136
136
 
137
+ <tr id="fuji-select">
138
+
139
+ <th>ふじの個数</th>
140
+
141
+ <td><input type="text" /></td>
142
+
137
- </tr>
143
+ </tr>
144
+
145
+ <!-- 表示非表示切り替え つがるを選んだ時 -->
146
+
147
+ <tr id="tsugaru-select">
148
+
149
+ <th>つがるの個数</th>
150
+
151
+ <td><input type="text" /></td>
152
+
153
+ </tr>
138
154
 
139
155
  <!-- 表示非表示切り替え -->
140
156
 
@@ -149,3 +165,7 @@
149
165
  ```
150
166
 
151
167
  ```
168
+
169
+
170
+
171
+ よろしくお願いします。