jquery - 根据值隐藏和显示单选按钮和下拉菜单

Question

<select name="drop1" id='drop1'>
    <option value="" selected="selected"></option>
    <option value="data1">Data1</option>
    <option value="data2L">Data2</option>

<select name="drop2" id='drop2'>
    <option value="" selected="selected"></option>
    <option value="data3">Data3</option>
    <option value="data4">Data4</option>

当我从两个下拉列表中选择 data1 和 data3 时，我需要在下面显示另一个下拉列表:

<div id="show_drop">
    <select name="drop3" id='drop3'>
        <option value="" selected="selected"></option>
        <option value="data5">Data5</option>
</div>

否则显示单选按钮:

<div id="rbutton">
    <input type="radio" name="yes" value="Yes" />Yes
    <input type="radio" name="no" value="No" />No
</div>

我尝试了以下代码，如果我仅更改一个下拉值，则该代码可以正常工作。我不确定 synatx 是否比较 2 个下拉值，然后隐藏单选按钮或下拉列表。

$(document).ready(function() {  
    $("#rbutton").hide();
    $("#drop2").change(function() {
        if ($("#drop2").val()  == 'data2') 
            $("rbutton").show("fast");
        else 
            $("#rbutton").hide("fast");
    });
});

Answer 1

    $("#drop1,#drop2").change(function() {

        if ($("#drop1").val()  == 'data1' && $("#drop2").val()  == 'data2') 
            $("rbutton").show("fast");
        else 
            $("#rbutton").hide("fast");

    });

当select更改时触发，检查两个值