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

質問編集履歴

5

修正

2019/02/18 08:09

投稿

tkshp
tkshp

スコア174

title CHANGED
File without changes
body CHANGED
@@ -24,7 +24,7 @@
24
24
  現状のコードは、id=btnのボタンをクリックしたときに、
25
25
  【「classがtitleで選択されているもの」が、空だったら】というif文になっているかと思いますが、
26
26
  これを
27
- 【「classがtitleのセレクトメニューで選択されているもの」が、空だったら】というif文を作成したいです。
27
+ 【「classがtitleのセレクトメニューで選択されているもの」が、空だったら】というif文を作成したいです。
28
28
  現状のコードでも動いていますが、
29
29
  セレクタでの指定条件をより詳しく(「セレクトメニュー」という条件を追加して)書きたいです。
30
30
  ```jQuery

4

編集

2019/02/18 08:09

投稿

tkshp
tkshp

スコア174

title CHANGED
File without changes
body CHANGED
@@ -8,7 +8,7 @@
8
8
  ### 該当のソースコード
9
9
 
10
10
  ```HTML
11
- <select name="" id="title">
11
+ <select name="" class="title">
12
12
  <option value="">Select</option>
13
13
  <option value="MR">Mr.</option>
14
14
  <option value="MRS">Mrs.</option>
@@ -22,14 +22,14 @@
22
22
  「セレクトメニューで」という条件をつけない方法ならばわかりました。
23
23
 
24
24
  現状のコードは、id=btnのボタンをクリックしたときに、
25
- 【「idがtitleで選択されているもの」が、空だったら】というif文になっているかと思いますが、
25
+ 【「classがtitleで選択されているもの」が、空だったら】というif文になっているかと思いますが、
26
26
  これを
27
- 【「idがtitleのセレクトメニューで選択されているもの」が、空だったら】というif文を作成したいです。
27
+ 【「classがtitleのセレクトメニューで選択されているもの」が、空だったら】というif文を作成したいです。
28
28
  現状のコードでも動いていますが、
29
29
  セレクタでの指定条件をより詳しく(「セレクトメニュー」という条件を追加して)書きたいです。
30
30
  ```jQuery
31
31
  $("#btn").on("click", function(){
32
- if($("#title option:selected").val() == ""){
32
+ if($(".title option:selected").val() == ""){
33
33
  alert("選択されていません。");
34
34
  }
35
35
  });

3

編集

2019/02/18 08:08

投稿

tkshp
tkshp

スコア174

title CHANGED
File without changes
body CHANGED
@@ -30,7 +30,7 @@
30
30
  ```jQuery
31
31
  $("#btn").on("click", function(){
32
32
  if($("#title option:selected").val() == ""){
33
- alert("テスト");
33
+ alert("選択されていません。");
34
34
  }
35
35
  });
36
36
  ```

2

編集

2019/02/18 08:02

投稿

tkshp
tkshp

スコア174

title CHANGED
File without changes
body CHANGED
@@ -20,6 +20,13 @@
20
20
  ### 試したこと
21
21
 
22
22
  「セレクトメニューで」という条件をつけない方法ならばわかりました。
23
+
24
+ 現状のコードは、id=btnのボタンをクリックしたときに、
25
+ 【「idがtitleで選択されているもの」が、空だったら】というif文になっているかと思いますが、
26
+ これを
27
+ 【「idがtitleのセレクトメニューで選択されているもの」が、空だったら】というif文を作成したいです。
28
+ 現状のコードでも動いていますが、
29
+ セレクタでの指定条件をより詳しく(「セレクトメニュー」という条件を追加して)書きたいです。
23
30
  ```jQuery
24
31
  $("#btn").on("click", function(){
25
32
  if($("#title option:selected").val() == ""){

1

修正

2019/02/18 08:01

投稿

tkshp
tkshp

スコア174

title CHANGED
File without changes
body CHANGED
@@ -13,13 +13,17 @@
13
13
  <option value="MR">Mr.</option>
14
14
  <option value="MRS">Mrs.</option>
15
15
  </select>
16
+
17
+ <button id="btn">Continue</button>
16
18
  ```
17
19
 
18
20
  ### 試したこと
19
21
 
20
22
  「セレクトメニューで」という条件をつけない方法ならばわかりました。
21
23
  ```jQuery
24
+ $("#btn").on("click", function(){
22
25
  if($("#title option:selected").val() == ""){
23
26
  alert("テスト");
24
27
  }
28
+ });
25
29
  ```