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>

When I select data1 and data3 from the two drop downs i need to display another dropdown below:

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

else display radio button:

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

I have tried the following code which works fine if i change only one drop down value. I am not sure of the synatx comparing 2 drop down values and then hiding radio button or the dropdown.

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

Answer 1

Have a look here and see if this is what you had in mind: http://jsfiddle.net/ZtJVM/