jqueryでdivを2つ選択ボックスから2つの値に応じてdivを表示します。

Question

誰かが私を助けることができますか？ 私はショーが2つの選択ボックス この私のコード

$("#offer_seeking_select").change(function(){ 
var offer_seeking=$(this).val(); 
var selectedCategory=$("select.category-select:visible").last().find("option:selected").val(); 

$.get(www_base+"adding.php?cID="+selectedCategory+"&offer="+offer_seeking,function(data){ 
if(data.status=="ok"){$("#forms").html(data.html).trigger("forms_content_updated") 
}})}); 

htmlコード

<select id="drop-2"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select> 
<select id="drop-3"><option value="offer">Offer</option><option value="seeking">Seeking</option></select> 
<div id="forms"></div> 

およびshow非表示になりますadding.phpでいくつかの「DIV」の値に応じて、jqueryのことで、いくつかのdivを非表示にしたいです＃drop-2とdrop-3から選択した場合の値に応じた#formsで、drop-2から1を選択し、drop-3 show #oneと#three hide #twoから提供します。ドロップ3のショーから求めて＃＃2つと＃3つのhide #one

ファイルadding.phpでこのHTML私は選択のIDに対応するクラスを使用していますこのようなものについては、あなたがする必要があるかもしれませんどのように

<div id="one">abc</div> 
<div id="two">123</div> 
<div id="three">789</div> 

Answer 1

ファイルadding.phpにCIDとのオファーを取得することはできませんので、私が完全に理解しているかどうかわからないので、あなたの必要なロジックに合うようにリファクタリングしてください。ここ

$('#foo, #bar').change(function(e) { 
    var $elm = $(e.target); 
    var $elmDiv = $('.' + $elm.attr('id')); 

    if ($elm.val() !== "") { 
     $elmDiv.show(); 
    } else { 
     $elmDiv.hide(); 
    } 
});​ 

はdemo