title: Get value from selected country language list
body: <p>i have 2 select box . 1st one is country selection. If i selected the country i get the specific country selected option value.</p>
  
  <p>Example if i am choose the france country display the france language list only in select box. other select box disable. i want to get the value of second select box selected option.</p>
  
  <p>Please help me friends</p>
  
  <pre><code>    &lt;div class="country-selection"&gt;
      &lt;select id="country" &gt; 
          &lt;option value="USA"&gt;United States of America&lt;/option&gt;
          &lt;option value="united-kingdom" &gt;United Kingdom&lt;/option&gt;
          &lt;option value="france"&gt;France&lt;/option&gt;
          &lt;option value="germany"&gt;Germany&lt;/option&gt;
          &lt;option value="spain"&gt;Spain&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
      &lt;div id="lan-selection"&gt;
          &lt;div class="united-states-selected USA language-selection" id="united-states-selected"&gt;
          &lt;select class="lan-selection" &gt;    
                  &lt;option value="english"&gt;English&lt;/option&gt;
                  &lt;option value="Spanish"&gt;Spanish&lt;/option&gt;
                  &lt;option value="OtherLan"&gt;Others&lt;/option&gt;
          &lt;/select &gt;
          &lt;/div&gt;
          &lt;div class="united-kingdom-selected language-selection" id="united-kingdom-selected"&gt;
          &lt;select class="lan-selection"&gt;
                  &lt;option value="english"&gt;English&lt;/option&gt;
                  &lt;option value="French"&gt;French&lt;/option&gt;
                  &lt;option value="OtherLan"&gt;Others&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
          &lt;div class="france-selected language-selection" id="france-selected"&gt;
          &lt;select class="lan-selection"&gt;
                  &lt;option value="english"&gt;English&lt;/option&gt;
                  &lt;option value="French"&gt;French&lt;/option&gt;
                  &lt;option value="OtherLan"&gt;Others&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
          &lt;div  class="german-selected language-selection" id="german-selected"&gt;
          &lt;select  class="lan-selection"   &gt;
                  &lt;option class="en-de" value="english"&gt;English&lt;/option&gt;
                  &lt;option value="German"&gt;German&lt;/option&gt;
                  &lt;option value="OtherLan"&gt;Others&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
          &lt;div class="spain-selected language-selection" id="spain-selected"&gt;
          &lt;select  class="lan-selection" &gt;
                  &lt;option value="english"&gt;English&lt;/option&gt;
                  &lt;option value="Spanish"&gt;Spanish&lt;/option&gt;
                  &lt;option value="OtherLan"&gt;Others&lt;/option&gt;
  
          &lt;/select&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>