質問編集履歴
3
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -56,11 +56,15 @@
|
|
|
56
56
|
var kindColor = '';
|
|
57
57
|
var kindDirect = '';
|
|
58
58
|
|
|
59
|
-
$('select#kindAmimal').change(function(){
|
|
59
|
+
$('select#kindAmimal,select#kindColor,select#kindDirect').change(function(){
|
|
60
60
|
kindAmimal = $(this).val();
|
|
61
61
|
|
|
62
62
|
if(kindAmimal == 'ウサギ'){
|
|
63
|
+
if(kindColor == '赤'){
|
|
63
|
-
|
|
64
|
+
$('#rslBox').html('<img src="/image/rabitRed.png">');
|
|
65
|
+
} else if(kindColor == '青'){
|
|
66
|
+
$('#rslBox').html('<img src="/image/rabitBlue.png">');
|
|
67
|
+
}
|
|
64
68
|
} else if(kindAmimal == 'イヌ') {
|
|
65
69
|
$('#rslBox').html('<img src="/image/dogRed.png">');
|
|
66
70
|
} else if(kindAmimal == 'ネコ') {
|
|
@@ -68,8 +72,8 @@
|
|
|
68
72
|
} else if(kindAmimal == 'トリ') {
|
|
69
73
|
$('#rslBox').html('<img src="/image/birdRed.png">');
|
|
70
74
|
}
|
|
71
|
-
}
|
|
75
|
+
})
|
|
72
|
-
};
|
|
76
|
+
});
|
|
73
77
|
```
|
|
74
78
|
|
|
75
79
|
jQueryコードは.changeが発火しないため途中までしか書いていません。
|
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -60,13 +60,13 @@
|
|
|
60
60
|
kindAmimal = $(this).val();
|
|
61
61
|
|
|
62
62
|
if(kindAmimal == 'ウサギ'){
|
|
63
|
-
$('#rslBox').html(
|
|
63
|
+
$('#rslBox').html('<img src="/image/rabitRed.png">');
|
|
64
64
|
} else if(kindAmimal == 'イヌ') {
|
|
65
|
-
$('#rslBox').html(
|
|
65
|
+
$('#rslBox').html('<img src="/image/dogRed.png">');
|
|
66
66
|
} else if(kindAmimal == 'ネコ') {
|
|
67
|
-
$('#rslBox').html(
|
|
67
|
+
$('#rslBox').html('<img src="/image/catRed.png">');
|
|
68
68
|
} else if(kindAmimal == 'トリ') {
|
|
69
|
-
$('#rslBox').html(
|
|
69
|
+
$('#rslBox').html('<img src="/image/birdRed.png">');
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
};
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<tr>
|
|
22
22
|
<td>動物</td>
|
|
23
23
|
<td>
|
|
24
|
-
<
|
|
24
|
+
<select name="kindAmimal" id="kindAmimal">
|
|
25
25
|
<option value='ウサギ'>ウサギ</option>
|
|
26
26
|
<option value='イヌ'>イヌ</option>
|
|
27
27
|
<option value='ネコ'>ネコ</option>
|