title: I change/load the content in child Select Box, depending on the parent Select Box options using html
body: <p>I am using below code and I don't know how make it change/load the content in child Select Box, depending on the parent Select Box options</p>
  
  <pre><code>&lt;div class="middle_row row_white search_row"&gt;
  
      &lt;div class="container"&gt;
          &lt;form action="#" class="search_form advsearch_hide clearfix"&gt;
              &lt;div class="row field_select"&gt;
                  &lt;label class="label_title"&gt;Select Product:&lt;/label&gt;
                  &lt;select name="car_maker" class="select_styled"&gt;
                      &lt;option value="0" class="default"&gt;- SELECT -&lt;/option&gt;
                      &lt;option value="1"&gt;Automatic Filling Lines&lt;/option&gt;
                      &lt;option value="2"&gt;Packaging Machines for Food industries &amp;amp; Bakaries&lt;/option&gt;
                      &lt;option value="3"&gt;Automatic Vertical Packaging Machines&lt;/option&gt;
                      &lt;option value="4"&gt;Vacuum Machines&lt;/option&gt;
                      &lt;option value="5"&gt;Gluing Machines&lt;/option&gt;
                      &lt;option value="6"&gt;Automatic Shrink Wrapping&lt;/option&gt;
                      &lt;option value="7"&gt;Automatic Cup Filling &amp;amp; Sealing Machines&lt;/option&gt;
                      &lt;option value="8"&gt;Banding Machines&lt;/option&gt;
                      &lt;option value="9"&gt;Packaging Materials&lt;/option&gt;                    
                        &lt;/select&gt;
              &lt;/div&gt;
  
              &lt;div class="row field_select"&gt;
                  &lt;label class="label_title"&gt;Select Category:&lt;/label&gt;
                  &lt;select class="select_styled" name="car_model"&gt;
                      &lt;option value="0" class="default"&gt;- SELECT -&lt;/option&gt;
                      &lt;option value="1"&gt;Category1&lt;/option&gt;
                      &lt;option value="2"&gt;Category2&lt;/option&gt;
                      &lt;option value="3"&gt;Category3&lt;/option&gt;
                      &lt;option value="4"&gt;Category4&lt;/option&gt;
                      &lt;option value="5"&gt;Category5&lt;/option&gt;
                      &lt;option value="6"&gt;Category6&lt;/option&gt;                                                                                       
                  &lt;/select&gt;
              &lt;/div&gt;
  
              &lt;div class="row field_select"&gt;
                  &lt;label class="label_title"&gt;Select Model:&lt;/label&gt;
                  &lt;select class="select_styled" name="car_year"&gt;
                      &lt;option value="0" class="default"&gt;- SELECT -&lt;/option&gt;
                      &lt;option value="1"&gt;Model1&lt;/option&gt;
                      &lt;option value="2"&gt;Model2&lt;/option&gt;
                      &lt;option value="3"&gt;Model3&lt;/option&gt;
                      &lt;option value="4"&gt;Model4&lt;/option&gt;
                      &lt;option value="5"&gt;Model5&lt;/option&gt;
                      &lt;option value="6"&gt;Model6&lt;/option&gt;                                                
                  &lt;/select&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>And I don't know how to make it change/load the content in child Select Box, depending on the parent Select Box options? Could you please help me... </p>