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更改时，会触发

，检查两个值

Answer 2

看看这里，看看这是你的想法：http://jsfiddle.net/ZtJVM/

隐藏和显示基于值的单选按钮和下拉列表

2 个答案: