顯示和隱藏divs jfiddle問題

-2

所以我的問題是，我試圖創建3或4級選擇選項，下一個選項是由前一個選項決定的，而選擇函數是從mysql調用中生成的並不重要。正如你所看到的A1> B1> C1的工作原理，但A2> B2>？什麼也沒做顯示和隱藏divs jfiddle問題

$("#category").change(function() { 

    if ($(this).val() == "A1") { $("#A1").show(); } 
    else { $("#A1").hide(); } 

    if ($(this).val() == "A2") { $("#A2").show(); } 
    else { $("#A2").hide(); } 
}); 

$("#subcategory").change(function() { 

    if ($(this).val() == "B1") { $("#B1").show(); } 
    else { $("#B1").hide(); } 

    if ($(this).val() == "B2") { $("#B2").show(); } 
    else { $("#B2").hide(); } 
}); 

$("#nextcategory").change(function() { 

    if ($(this).val() == "C1") { $("#C1").show(); } 
    else { $("#C1").hide(); } 

    if ($(this).val() == "C2") { $("#C2").show(); } 
    else { $("#C2").hide(); } 
});

來源

2013-12-12 Sickest

你沒有包含jquery。 – HICURIN

**在這裏工作==> **'：）'http://jsfiddle.net/Tdhd7/ –

它工作正常，你沒有包括jquery庫中的小提琴 –

您已經多次使用相同的id s。

ID s必須是唯一的。

變化

$("#subcategory").change(function() { 
$("#nextcategory").change(function() {

到

$("select[name='subcategory']").change(function() {... 
$("select[name='nextcategory']").change(function() {...

寫：

$("#category").change(function() { 
    $("#A1,#A2").hide(); 
    if ($(this).val() == "A1") { 
     $("#A1").show(); 
    } else if ($(this).val() == "A2") { 
     $("#A2").show(); 
    } 
}); 

$("select[name='subcategory']").change(function() { 
    $("#B1,#B2").hide(); 
    if ($(this).val() == "B1") { 
     $("#B1").show(); 
    } else if ($(this).val() == "B2") { 
     $("#B2").show(); 
    } 
}); 
$("select[name='nextcategory']").change(function() { 
    $("#C1,#C2").hide(); 
    if ($(this).val() == "C1") { 
     $("#C1").show(); 
    } else if ($(this).val() == "C2") { 
     $("#C2").show(); 
    } 
});

DEMO here.

來源

2013-12-12 03:49:44 Hiral

在頭似乎缺少這一點，我添加了漂亮的工作!!!!

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

來源

2013-12-12 03:55:16

謝謝，我更新了我的問題 – Sickest

顯示和隱藏divs jfiddle問題

回答

相關問題