根据2个选择框中的2个值通过jquery显示隐藏div

Question

有人能帮我吗？我想让show通过jquery隐藏一些div，这取决于我的代码中两个选择框的值

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

当从#drop-2和drop-3中选择时，adding.php中一些'div‘将根据从# drop-2和drop-3中选择的值在#forms中显示隐藏，例如，如果我从drop-2中选择1并从drop-3中提供显示#one和#three hide #two，否则从drop-2中选择2并从drop-3中选择显示#two和#three hide #one

这个html在文件adding.php中，因为我不能在文件adding.php中获取cID和提供

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

Answer 1

像这样使用与select的id相对应的类怎么样，你可能需要重构来适应你所需要的逻辑，因为我不确定我完全理解了。

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

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

这是一个demo