如何显示下一个选择选项基于以前的选择使用jQuery？

Question

我想显示相关的选择选项，具体取决于在第一选择选项中选择的内容。在我做过的第一个选项上设置ID的好习惯，还是有一个聪明的方式来做这样的事情时，你有选择权？

所以我有一个可见的选择与一类distrikt的形式，每个选项给出一个ID。

<div class="not-hidden"> 
<select name="distrikt" class="distrikt span2"> 
    <option id="distrikt1">Alla Distrikt</option> 
    <option id="distrikt2">Bohuslän-Dals</option> 
    <option id="distrikt3">Dalabridgen</option> 
    <option id="distrikt4">Gotlands</option> 
    <option id="distrikt5">Gävleborgs</option> 
    <option id="distrikt6">Hallands</option> 
    <option id="distrikt7">Jämtland-Härjedalens</option> 
    <option id="distrikt8">Jönköpings läns</option> 
    <option id="distrikt9">Medelpads</option> 
    <option id="distrikt10">Mälardalens</option> 
    <option id="distrikt11">Norrbottens</option> 
    <option id="distrikt12">Skånes</option> 
    <option id="distrikt13">Stockholms</option> 
    <option id="distrikt14">Sydöstra Sveriges</option> 
    <option id="distrikt15">Uplands</option> 
    <option id="distrikt16">Värmland-Dals</option> 
    <option id="distrikt17">Västerbottens</option> 
    <option id="distrikt18">Västergötlands</option> 
    <option id="distrikt19">Ångermanlands</option> 
    <option id="distrikt20">Örebro läns</option> 
    <option id="distrikt21">Östra Mellansvenska</option> 
</select> 
</div> 

（现在我只有在接下来的两个可能的选择标签粘贴与它的内容，而不是所有21）之类的

这些未来选择：distrikt-klubbar是隐藏的。 根据以前选择哪个选项，我希望相应的部门出现。

<div class="hidden"> 
    <select name="distrikt1-klubbar" id="distrikt1-klubbar" class="distrikt-klubbar"> 
     <option>Billingsfors BS</option> 
     <option>Brastads BS</option> 
     <option>Färgelada BK</option> 
     <option>Hunnebostrands BK</option> 
     <option>Kungshamns BK</option> 
     <option>Ljungskile BK</option> 
     <option>Munkedals BS</option> 
     <option>Orust BK</option> 
     <option>Stenugnsunds BK</option> 
     <option>Strömstads BK</option> 
     <option>Tanums BK</option> 
     <option>Tjörns BK</option> 
     <option>Trollhättans BK</option> 
     <option>Uddevalla BF</option> 
     <option>Upphärads BK</option> 
     <option>Vänern Teckenspråkig BS</option> 
     <option>Vänersborgs BS</option> 
    </select> 
</div> 
<div class="hidden"> 
    <select name="distrikt2-klubbar" id="distrikt2-klubbar" class="distrikt-klubbar"> 
     <option>Borlänge BK</option> 
     <option>Dövas BK Dalom</option> 
     <option>Falu BK</option> 
     <option>Folkare BK</option> 
     <option>Hedemora BS</option> 
     <option>Insjöns BK</option> 
     <option>LudvikaBygdens BK</option> 
     <option>Malungs BK</option> 
     <option>Mora BK</option> 
     <option>Rättviks BS</option> 
     <option>Särna BK</option> 
     <option>Säters BK</option> 
    </select> 
</div> 

我该如何做到这一点与jquery时，有不同的选项分配？

问候， 比尔

CNC中

如果<select name="distrikt" class="distrikt">选项中选择X，然后选择相关的，下一个选择。例如：如果选择了id =“distrikt1”的选项，则应显示id =“distrikt-klubbar1”的选择。

我希望澄清一切。