teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問selectboxの内容によって表示させるdivを変えたい

編集履歴

質問編集履歴

7

誤字修正

2018/07/05 04:58

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -27,8 +27,8 @@
27
27
  <html>
28
28
  <head>
29
29
  <title>Hello world!</title>
30
+ <script type="text/javascript" src="H:\html\exam_3.js"></script>
30
31
  <link rel="stylesheet" type="text/css" href="H:\html\exam_3.css">
31
- <script type="text/javascript" src="H:\html\exam_3.js"></script>
32
32
  </head>
33
33
  <body>
34
34
  <div class="wrapper">
@@ -36,7 +36,7 @@
36
36
  <form name="form1">
37
37
  <p class="a">姓(漢字):</p><input type="text" class="a"><p class="a">名(漢字):</p><input type="text" class="a"><br>
38
38
  <p class="b">姓カナ:</p><input type="text" class="b"><p class="b">名カナ:</p><input type="text" class="b"><p class="b">性別:</p>
39
- <select name="select1" onchange="sexChecker()";>
39
+ <select name="select1" onChange="sexChecker();">
40
40
  <option value="none"></option>
41
41
  <option value="man">男</option>
42
42
  <option value="woman">女</option>

6

初心者アイコン追加！

2018/07/05 04:58

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes

5

jsを改良

2018/07/05 04:53

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -10,11 +10,14 @@
10
10
 
11
11
  ```javascript
12
12
  function sexChecker() {
13
-
14
13
  var selectedNumber = document.form1.select1.selectedIndex;
15
- var selectedValue = document.form1.select1.option[selectedNumber].value;
14
+ var selectedValue = document.form1.select1.options[selectedNumber].value;
16
15
  if (selectedValue == "man") {
17
16
  document.getElementById("man").style.display = "inline-block";
17
+ document.getElementById("woman").style.display = "none";
18
+ } else if (selectedValue == "woman") {
19
+ document.getElementById("woman").style.display = "inline-block";
20
+ document.getElementById("man").style.display = "none";
18
21
  }
19
22
  }
20
23
  ```

4

誤字修正

2018/07/05 04:51

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -25,12 +25,12 @@
25
25
  <head>
26
26
  <title>Hello world!</title>
27
27
  <link rel="stylesheet" type="text/css" href="H:\html\exam_3.css">
28
- <script type="text/javascript" src=“H:\html\exam_3.js"></script>
28
+ <script type="text/javascript" src="H:\html\exam_3.js"></script>
29
29
  </head>
30
30
  <body>
31
31
  <div class="wrapper">
32
32
  <h1>個人情報</h1>
33
- <form name="from1">
33
+ <form name="form1">
34
34
  <p class="a">姓(漢字):</p><input type="text" class="a"><p class="a">名(漢字):</p><input type="text" class="a"><br>
35
35
  <p class="b">姓カナ:</p><input type="text" class="b"><p class="b">名カナ:</p><input type="text" class="b"><p class="b">性別:</p>
36
36
  <select name="select1" onchange="sexChecker()";>

3

<script></script>を記述

2018/07/05 04:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -25,6 +25,7 @@
25
25
  <head>
26
26
  <title>Hello world!</title>
27
27
  <link rel="stylesheet" type="text/css" href="H:\html\exam_3.css">
28
+ <script type="text/javascript" src=“H:\html\exam_3.js"></script>
28
29
  </head>
29
30
  <body>
30
31
  <div class="wrapper">

2

oncheng()をonchange()に変更

2018/07/05 04:18

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -32,7 +32,7 @@
32
32
  <form name="from1">
33
33
  <p class="a">姓(漢字):</p><input type="text" class="a"><p class="a">名(漢字):</p><input type="text" class="a"><br>
34
34
  <p class="b">姓カナ:</p><input type="text" class="b"><p class="b">名カナ:</p><input type="text" class="b"><p class="b">性別:</p>
35
- <select name="select1" onchenge="sexChecker()";>
35
+ <select name="select1" onchange="sexChecker()";>
36
36
  <option value="none"></option>
37
37
  <option value="man">男</option>
38
38
  <option value="woman">女</option>

1

コーディングミスを修正、onclick()をonchenge()に変更

2018/07/05 04:08

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -32,11 +32,11 @@
32
32
  <form name="from1">
33
33
  <p class="a">姓(漢字):</p><input type="text" class="a"><p class="a">名(漢字):</p><input type="text" class="a"><br>
34
34
  <p class="b">姓カナ:</p><input type="text" class="b"><p class="b">名カナ:</p><input type="text" class="b"><p class="b">性別:</p>
35
- <select name="select1">
35
+ <select name="select1" onchenge="sexChecker()";>
36
36
  <option value="none"></option>
37
37
  <option value="man">男</option>
38
38
  <option value="woman">女</option>
39
- </select onclick="sexChecker();"><br>
39
+ </select><br>
40
40
  <p class="c">趣味:</p>
41
41
  <div id="man">
42
42
  <input type="checkbox" class="c">サッカー