由jquery根據2選擇框中的2個值顯示隱藏div

任何人都可以幫助我？我要讓表演通過隱藏取決於值jQuery的一些格從兩個選擇框這是我的代碼由jquery根據2選擇框中的2個值顯示隱藏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>

和adding.php會顯示隱藏一些「格」在從＃drop-2和drop-3中選擇時取決於數值，例如，如果我從drop-2中選擇1並從drop-3中選擇show #one和#three hide #two，否則從drop-2中選擇2並尋求下降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>

來源

2012-02-18 Nguyen

你可能需要一些時間來清理你的代碼，少做字符串concatination。 – Oybek 2012-02-18 11:05:00

如何這樣的事情，它使用對應於選擇的ID類，你可能需要重構，以適應你所需的邏輯，因爲我不知道我完全理解。

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

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

這裏是一個demo

來源

2012-02-18 11:13:55

class'category-select'class in two selectbox＃drop-2 and＃drop-3 – Nguyen 2012-02-18 15:55:45

你可以有多個類，如[here]（http://jsfiddle.net/8C8GG/4/） – 2012-02-18 17:21:50

在我的情況下，必須從selectbox＃drop-2中選擇類別值，然後從selectbox＃drop-3中選擇類別值，之後必須將變量selectedCategory和offer_seeking傳遞給adding.php文件，此文件與Mysql一起使用並將結果賦給$ .get（www_base +如果（data.status ==「ok」）{$（「＃forms」）。html（data.html），那麼「added.php？cID =」+ selectedCategory +「＆offer =」+ offer_seeking，function（data）{ 。 trigger（「forms_content_updated」） }}）}）;並將這個結果中的數據（div＃1或div＃2）嵌入到div＃表格中 – Nguyen 2012-02-19 21:21:32

由jquery根據2選擇框中的2個值顯示隱藏div

回答

相關問題