드롭 다운 : 드롭 다운 = 값이 있으면 div 표시

Ancel 디자인

기본적으로 'bfcn'이 선택 될 때마다 BFCN 표시 다음 값이 BFCN과 같지 않은 경우에도 1이 값과 같으면 계속 표시됩니다.

이 문제는 현재 둘 중 하나를 선택할 때마다 div를 숨길 것입니다.

'dropdown1 = bfcn'= SHOW DIV 또는 'dropdown2 = bfcn'= SHOW DIV 인 경우

드롭 다운 중 하나라도 BFCN과 같으면 DIV 표시를 유지해야합니다.

http://jsfiddle.net/SmokeyLlama/f375e6wv/1/

HTML

<select title="Select 1" id="select1">
    <option value="">Select an option</option>
    <option value="1">1</option>
    <option value="4">bfcn</option>
 </select>
 <select title="Select 2" id="select2">
    <option value="">Select an option</option>
    <option value="3">3</option>
    <option value="4">bfcn</option>
 </select>
 <p class="wireless" style="display: none;">BFCN</p>

스크립트

 $(document).ready(function(){
    $('select').change(function(){
      if (($(this).val() == '4')){
        $('.wireless').show();
      } else {
        $('.wireless').hide();
      }
   });
 });
guijob

이를 위해 나는 어떤이 있다면 업데이트 줄 변수 유지하는 것 select이를 val() == 4:

 $(document).ready(function(){
    $('select').change(function(){
    	var show = false;
    	$('select').each(function () {
            if ($(this).val() == 4){
        	show = true;
      	    }
        });
      
        if (show){
            $('.wireless').show();
        } else {
            $('.wireless').hide();
        }
   });
 });
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select title="Select 1" id="select1">
    <option value="">Select an option</option>
    <option value="1">1</option>
    <option value="4">bfcn</option>
 </select>
 <select title="Select 2" id="select2">
    <option value="">Select an option</option>
    <option value="3">3</option>
    <option value="4">bfcn</option>
 </select>
 <p class="wireless" style="display: none;">BFCN</p>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

드롭 다운이 상위 div 뒤에 표시됩니다.

분류에서Dev

div를 표시하는 드롭 다운이있는 자바 스크립트

분류에서Dev

드롭 다운 메뉴를 클릭하면 div 내용 표시

분류에서Dev

드롭 다운 선택 값 표시

분류에서Dev

드롭 다운 선택을 기반으로 여러 div 표시

분류에서Dev

다른 드롭 다운 선택시 드롭 다운 값 변경

분류에서Dev

월 드롭 다운 옵션에서 이번 달의 DIV 표시

분류에서Dev

드롭 다운의 새 값으로 드롭 다운 변경시 데이터 테이블 다시로드

분류에서Dev

드롭 다운에서 표시 / 숨기기, 숨겨진 div의 새 드롭 다운이 사라짐

분류에서Dev

드롭 다운 목록의 값을 기반으로 값 표시

분류에서Dev

Flutter에서 드롭 다운 클릭시 드롭 다운 옵션이있는 하단 시트 표시

분류에서Dev

드롭 다운 표시

분류에서Dev

ToolStripSplitButton 드롭 다운 표시

분류에서Dev

json에서 드롭 다운 목록으로 값 표시

분류에서Dev

jquery로 드롭 다운 값을 선택한 것으로 표시

분류에서Dev

div 표시 / 숨기기는 기본값으로 AngularJS의 드롭 다운 선택에 따라 다릅니다.

분류에서Dev

작은 화면에 드롭 다운이 표시되지 않음

분류에서Dev

WPF Make 드롭 다운이 표시되면 확장 됨

분류에서Dev

드롭 다운에 조건이있는 텍스트 표시

분류에서Dev

페이지로드시 드롭 다운 메뉴 변수 div 표시

분류에서Dev

드롭 다운 선택시 div 값 변경

분류에서Dev

2 개의 드롭 다운 값을 기반으로 이미지 표시

분류에서Dev

페이지 다시로드 및 드롭 다운 목록 값 MVC에 따라 <div> 표시 / 숨기기

분류에서Dev

AutoCompleteTextView 드롭 다운이 표시되면 키보드가 깜박입니다.

분류에서Dev

Div 드롭 다운 및 업

분류에서Dev

DIV의 드롭 다운

분류에서Dev

선택한 드롭 다운 값에서 div 클래스 표시 / 숨기기

분류에서Dev

다른 드롭 다운 목록 값이 변경된 드롭 다운 목록 값 표시 / 숨기기

분류에서Dev

Angular : 드롭 다운의이 옵션이이 div를 표시하는 경우

Related 관련 기사

  1. 1

    드롭 다운이 상위 div 뒤에 표시됩니다.

  2. 2

    div를 표시하는 드롭 다운이있는 자바 스크립트

  3. 3

    드롭 다운 메뉴를 클릭하면 div 내용 표시

  4. 4

    드롭 다운 선택 값 표시

  5. 5

    드롭 다운 선택을 기반으로 여러 div 표시

  6. 6

    다른 드롭 다운 선택시 드롭 다운 값 변경

  7. 7

    월 드롭 다운 옵션에서 이번 달의 DIV 표시

  8. 8

    드롭 다운의 새 값으로 드롭 다운 변경시 데이터 테이블 다시로드

  9. 9

    드롭 다운에서 표시 / 숨기기, 숨겨진 div의 새 드롭 다운이 사라짐

  10. 10

    드롭 다운 목록의 값을 기반으로 값 표시

  11. 11

    Flutter에서 드롭 다운 클릭시 드롭 다운 옵션이있는 하단 시트 표시

  12. 12

    드롭 다운 표시

  13. 13

    ToolStripSplitButton 드롭 다운 표시

  14. 14

    json에서 드롭 다운 목록으로 값 표시

  15. 15

    jquery로 드롭 다운 값을 선택한 것으로 표시

  16. 16

    div 표시 / 숨기기는 기본값으로 AngularJS의 드롭 다운 선택에 따라 다릅니다.

  17. 17

    작은 화면에 드롭 다운이 표시되지 않음

  18. 18

    WPF Make 드롭 다운이 표시되면 확장 됨

  19. 19

    드롭 다운에 조건이있는 텍스트 표시

  20. 20

    페이지로드시 드롭 다운 메뉴 변수 div 표시

  21. 21

    드롭 다운 선택시 div 값 변경

  22. 22

    2 개의 드롭 다운 값을 기반으로 이미지 표시

  23. 23

    페이지 다시로드 및 드롭 다운 목록 값 MVC에 따라 <div> 표시 / 숨기기

  24. 24

    AutoCompleteTextView 드롭 다운이 표시되면 키보드가 깜박입니다.

  25. 25

    Div 드롭 다운 및 업

  26. 26

    DIV의 드롭 다운

  27. 27

    선택한 드롭 다운 값에서 div 클래스 표시 / 숨기기

  28. 28

    다른 드롭 다운 목록 값이 변경된 드롭 다운 목록 값 표시 / 숨기기

  29. 29

    Angular : 드롭 다운의이 옵션이이 div를 표시하는 경우

뜨겁다태그

보관