title: How do I set condition for select option in html form
body: <p>I want to have a form that has car manufacturers and car models I will have two select inputs one will have the manufacturer options based on the selected manufacturer the second select input should have only car models from that manufacturer. Now, I am trying to make someone do the work for me coz sincerely I am new to this. I will appreciate suggestions, directions even articles on how t achieve this.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;Manufacturer &lt;br&gt;
  
  &lt;select&gt;
  &lt;option value="Toyota"&gt; Toyota&lt;/option&gt;
  &lt;option value="Nissan"&gt; Nissan&lt;/option&gt;
  &lt;/select&gt;&lt;/p&gt;
  
  
  &lt;p&gt;Make &lt;br&gt;
  
  &lt;select&gt;
  &lt;option &gt;&lt;/option&gt;
  
  &lt;/select&gt;&lt;/p&gt;
  
  &lt;!-- if a user should choose Toyota I want the second selection to display Toyota makes in the option like MarkX, Avensis but if they choose Nissan the options should be bluebird, Murano, Tiida like that--&gt;</code></pre>
  </div>
  </div>
  </p>