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

質問編集履歴

1

タイトル、質問内容とコードを一部変更しました。

2019/05/24 06:50

投稿

penginkunkun
penginkunkun

スコア17

title CHANGED
@@ -1,1 +1,1 @@
1
- プルダウンリストの選択をリセットしたい
1
+ プルダウンリストの選択を初期の状態にリセットしたい
body CHANGED
@@ -7,14 +7,19 @@
7
7
  <option value="val5">val5</option>
8
8
  <option value="val6" >val6</option>
9
9
  </select>
10
+
11
+ <button type="button" id="btn">クリア</button>
10
12
  ```
11
13
 
12
14
 
13
15
  ```JavaScript
16
+ //ボタンクリック
17
+ $("#btn").on("click", function() {
14
- $('#valSelect1').children('option').each(function(index, option) {
18
+ $('#valSelect1').children('option').each(function(index, option) {
15
19
  option.selected = option.defaultSelected;
16
- });
20
+  });
21
+ });
17
22
  ```
18
23
 
19
- JavaScriptでプルダウンリストの選択をリセットしたいのですが上記のコードでは動きませんでした。
24
+ JavaScript(jQuery)でプルダウンリストの選択を初期の選択状態にリセットしたいのですが上記のコードでは不可能でした。
20
- どうすれば良でしょうか?
25
+ 解決策を教えてくださ