jquery에 의해 2 div에서 2 값에 따라 div를 숨 깁니다

Question

아무도 도와 줄 수 있습니까? 나는 쇼가 두 개의 선택 박스 이 내 코드

$("#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> 

와 쇼 숨기기 될 것 adding.php의 일부 'DIV'의 값에 따라 JQuery와에 의해 일부 사업부를 숨길 만들고 싶어 drop-2에서 1을 선택하고 drop-3 show #one 및 #three hide #two에서 제공하는 경우 drop-2와 drop-3 중에서 선택하면 값에 따라 #forms되고, 그렇지 않으면 drop-2에서 2가 선택됩니다. 드롭 3 쇼에서 찾기 #two 및 #three hide #one

파일 adding.php이 HTML 나는 파일 adding.php에서 CID와 서비스를 얻을 수 없기 때문에

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

Answer 1

선택의 ID에 해당 클래스를 사용하는 이런 일에 대해, 당신은해야 할 수도 있습니다 방법 리팩토링 (refactor)을 당신의 요구 된 논리에 맞추기 위해서 내가 완전히 이해하고 있는지 확실하지 않습니다. 여기

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

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

는 demo