Question

如果两个选择元素设置为“是”，我希望显示<div>。此代码适用于其中一个，但如何添加第二个“if”？

<select id="select1">
    <option value="No">No</option>
    <option value="Yes">Yes</option>
</select>
<select id="select2">
    <option value="No">No</option>
    <option value="Yes">Yes</option>
</select>

$('#select1').change(function() {
    if($(this).val() == 'Yes') {
        $('#divtest').show();
    }
});

Answer 1

这是一个解决方案：

var a;
var b;

$('#select1').change(function() {
    a =$(this).val();
    if(a=='Yes' && b=='Yes') {
        alert('yes')   
    }
});

$('#select2').change(function() {
    b =$(this).val();
    if(a=='Yes' && b=='Yes') {
        alert('yes')   
    }
});

请参阅此处的示例：https://jsfiddle.net/L25rean4/

Answer 2

尝试：

$('#select1').change(function(){
    test()});
$('#select2').change(function(){
    test()});

function test()
{
    if($('#select1').val() == 'Yes' && $('#select2').val() == 'Yes'){
        alert("test");}
}

Answer 3

您需要在两者上设置更改事件，然后在该事件中检查两者是否都设置为是：

<select id="select1" class='select'>
    <option value="No">No</option>
    <option value="Yes">Yes</option>
</select>
<select id="select2" class='select'>
    <option value="No">No</option>
    <option value="Yes">Yes</option>
</select>

<div class='test'></div>

$('.select').change(function () {
    if ($('#select1').val() == 'Yes' && $('#select2').val() == 'Yes') {
        $('.test').addClass('yes');
    }
    else {
        $('.test').removeClass('yes');
    }
});

jsfiddle here显示了这一点。

Answer 4

你可以这样做，如下所述。每次更改两个选择字段之一的值时，它都会检查值是否为＆＃34;是＆＃34;。如果是这样，它会显示div。当一个（或两个）字段更改回＆＃34; No＆＃34;时，它会再次检查。这导致＆＃34;是＆＃34;和＆＃34;不＆＃34;因此它隐藏起来。试试吧：

＆＃13;

with activesheet
    if .autofiltermode then .autofiltermode = false
    with .range(.cells(1,1), .cells(rows.count, 1).end(xlup))
        .autofilter field:=1, criteria1:="x", VisibleDropDown:=False
    end with
end with

＆＃13;

$('#select1, #select2').on('change', function() {
  if ($('#select1').val() === 'Yes' && $('#select2').val() === 'Yes') {
    $('#divtest').show();
  } else {
    $('#divtest').hide();
  }
});

＆＃13;

jQuery if两个选择项的语句

4 个答案: