기본적으로 '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();
}
});
});
이를 위해 나는 어떤이 있다면 업데이트 줄 변수 유지하는 것 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] 삭제
몇 마디 만하겠습니다