title: jQuery dependent select options
body: <p>I have a large database and i want display options in second select depending on the value of the first select using jQuery.</p>
  
  <p>I want when I select for example option with value 1 for first select, display in 2nd selet options with value 1.</p>
  
  <p>Can you help me with an example?</p>
  
  <p>First select</p>
  
  <pre><code>&lt;select id="city" name="city"&gt;
  &lt;option value="0"&gt;Select City&lt;/option&gt;
  &lt;option value="1"&gt;Manchester&lt;/option&gt;
  &lt;option value="2"&gt;Leicester&lt;/option&gt;
  &lt;option value="3"&gt;Londra&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Second select</p>
  
  <pre><code>&lt;select id="street" name="street"&gt;
  &lt;option value="0"&gt;Select Street&lt;/option&gt;
  &lt;option value="1"&gt;Street 1&lt;/option&gt;
  &lt;option value="1"&gt;Street 2&lt;/option&gt;
  &lt;option value="1"&gt;Street 3&lt;/option&gt;
  &lt;option value="2"&gt;Street 4&lt;/option&gt;
  &lt;option value="2"&gt;Street 5&lt;/option&gt;
  &lt;option value="2"&gt;Street 6&lt;/option&gt;
  .....
  &lt;option value="1200"&gt;Street 7&lt;/option&gt;
  &lt;option value="1200"&gt;Street 8&lt;/option&gt;
  &lt;option value="1200"&gt;Street 9&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>