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

質問編集履歴

1

追加

2019/05/28 05:07

投稿

buk
buk

スコア53

title CHANGED
File without changes
body CHANGED
@@ -43,4 +43,42 @@
43
43
  下記URLの解決策もやってみたのですが、optionをspanの入れ子にしたら、切り替えたいoptionがラジオボタンの選択を切り替えても非表示のままでうまくいきませんでした。
44
44
  [https://netamame.com/safari-select-option_display-none](https://netamame.com/safari-select-option_display-none)
45
45
 
46
- ご教示願います。
46
+ ご教示願います。
47
+
48
+
49
+
50
+ 追記です。
51
+ ```ここに言語を入力
52
+ function entryChange1(){
53
+ radio = document.getElementsByName('sample')
54
+ if(radio[0].checked) {
55
+ document.getElementById('seminar-time').disabled = false;
56
+ $('#none-radio02').unwrap("<span>");
57
+
58
+ var obj = document.getElementById('seminar-time');
59
+ obj.selectedIndex = 0;
60
+ }else if(radio[1].checked) {
61
+ document.getElementById('seminar-time').disabled = false;
62
+ $('#none-radio02').wrap("<span>");
63
+ var obj = document.getElementById('seminar-time');
64
+ obj.selectedIndex = 0;
65
+ }
66
+ }
67
+
68
+ window.onload = entryChange1;
69
+ ```
70
+
71
+ 上記のようにすると
72
+ ラジオボタン「エー」を2回押してしまうと
73
+ ```ここに言語を入力
74
+ $('#none-radio02').unwrap("<span>");
75
+ ```
76
+ があるため<select>タグが消えてしまいます。
77
+ ```ここに言語を入力
78
+ <option value="" selected="selected">お選び下さい</option>
79
+ <option value="11:00~12:00">11:00~12:00</option>
80
+ <option value="14:00~15:00">14:00~15:00</option>
81
+ <option value="20:00~21:00" id="none-radio02">20:00~21:00</option>
82
+ ```
83
+
84
+ いい方法はありませんでしょうか?