隱藏和顯示基於值單選按鈕和下拉

<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

回答

相關問題