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

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

来源

2012-02-07 newbie

看看这里，看看这是你脑子里想的是什么：http://jsfiddle.net/ZtJVM/

来源

2012-02-07 22:01:12 greener

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

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

    });

当任select改变被触发，checkes两值

来源

2012-02-07 22:00:17 ori

http://jsfiddle.net/qEt89/6/ 我的jquery函数都不能在上面工作..你能帮我吗？ – newbie 2012-02-07 22:57:45

第二次下拉应该仅显示取决于第一次下拉的值。然后根据这2个值应该显示单选按钮。 – newbie 2012-02-07 22:59:17

你的jsfiddle中存在一个错误。首先，你没有使用jQuery，其次你没有关闭最后一个'$（document）.ready'，第三个（不是真正的bug），你可以让jquery执行你的函数** onDomReady **（并放下你的' （文档）$ .ready'）。 – ori 2012-02-07 23:10:54

回答

相关问题