根据值隐藏和显示单选按钮和下拉菜单答案

【问题标题】：hiding and showing radio button and dropdown based on values根据值隐藏和显示单选按钮和下拉菜单
【发布时间】：2012-02-07 21:49:54
【问题描述】：

<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");
    });
});

【问题讨论】：

标签： jquery drop-down-menu

【解决方案1】：

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

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

    });

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

【讨论】：

jsfiddle.net/qEt89/6 我的两个 jquery 函数在上面都不起作用..你能帮帮我吗？
第二个下拉菜单应仅显示取决于第一个下拉菜单的值。然后根据这两个值应该显示单选按钮。
您的 jsfiddle 中有一个错误。首先你没有使用 jquery，其次你没有关闭最后一个 $(document).ready，第三（不是真正的错误）你实际上可以让 jquery 执行你的函数 onDomReady （并删除你的 $(document).ready )。
付款计划选项也没有'.data（'parent'）`，因此选择完全隐藏，顺便说一句。隐藏option 元素不能跨浏览器工作（在此站点上搜索此问题）。只需多调试一下代码，然后再提出具体问题。（不是这不起作用……这不起作用……而且这不起作用）

【解决方案2】：

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

【讨论】：