title: Output is not my ideal thing
body: <p>Output is not my ideal thing.I wanna make drill down buttons.
  Now output is
  <a href="https://i.stack.imgur.com/8qs5F.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8qs5F.png" alt="current output"></a></p>
  
  <p>index.html is</p>
  
  <pre><code>&lt;html&gt;　
    &lt;head&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="chosen.jquery.min.js"&gt;&lt;/script&gt;
      &lt;link href="chosen.css" rel="stylesheet"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;select  data-placeholder="Choose" class="chzn-select" style="width:350px;"&gt;
        &lt;option value="0"&gt;---&lt;/option&gt;
        &lt;option value="1" selected&gt;A&lt;/option&gt;
        &lt;option value="2"&gt;B&lt;/option&gt;
        &lt;option value="3"&gt;C&lt;/option&gt;
        &lt;option value="3"&gt;D&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="type" id="type1"&gt;
        &lt;option value="1"&gt;a-1&lt;/option&gt;
        &lt;option value="2"&gt;a-2&lt;/option&gt;
        &lt;option value="3"&gt;a-3&lt;/option&gt;
        &lt;option value="4"&gt;a-4&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="type" id="type2"&gt;
        &lt;option value="5"&gt;b-1&lt;/option&gt;
        &lt;option value="6"&gt;b-2&lt;/option&gt;
        &lt;option value="7"&gt;b-3&lt;/option&gt;
        &lt;option value="8"&gt;b-4&lt;/option&gt;
        &lt;option value="9"&gt;b-5&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="type" id="type3"&gt;
        &lt;option value="10"&gt;c-1&lt;/option&gt;
        &lt;option value="11"&gt;c-2&lt;/option&gt;
      &lt;/select&gt;
      &lt;select name="type" id="type4"&gt;
        &lt;option value="10"&gt;d-1&lt;/option&gt;
        &lt;option value="11"&gt;d-2&lt;/option&gt;
        &lt;option value="11"&gt;d-3&lt;/option&gt;
      &lt;/select&gt;
    &lt;/body&gt;
    &lt;script type="text/javascript"&gt;
      $(".chzn-select").chosen();
      $(".chzn-select-deselect").chosen({allow_single_deselect:true});
    &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I wanna make only 2 drill down buttons in index.html .And  if I select A in first button,a-1~4 is shown in second button.If I select B in first button,b-1~5 is shown in second button.If I select C in first button,c-1~2 is shown in second button・・・・.</p>
  
  <p>So output now is different form my ideal one.I use Chosen in jQuery plugin. Why can't I do my ideal this? What is wrong? Why can't I filter to second button?</p>