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

回答編集履歴

1

調整

2018/11/21 10:37

投稿

yambejp
yambejp

スコア117902

answer CHANGED
@@ -37,4 +37,19 @@
37
37
  </div>
38
38
 
39
39
  <div class="box">box</div>
40
+ ```
41
+
42
+ # 別解
43
+ select1,select2が非選択、select3が非活性の場合boxを表示しない
44
+ ```javascript
45
+ $(function(){
46
+ $('#select2').on('change',function(){
47
+ $('#select3').prop('disabled',$(this).val()!="特定の選択肢");
48
+ });
49
+ $('.select-box select').on('change',function(){
50
+ $('.box').toggle($('.select-box select:not(:disabled)').filter(function(){
51
+ return $(this).val()!=="";
52
+ }).length>0);
53
+ }).eq(1).trigger('change');
54
+ });
40
55
  ```