title: Change select box value depending other selected option box
body: <p>i am new to Javascript/ Jquery</p>
  
  <p>so my problem is :
  i want to change the select/option box text and value depending on the other selected option/box</p>
  
  <p>so for examplemy first option is :</p>
  
  <pre><code>&lt;select id="gender"&gt;
          &lt;option&gt;Select Your Gender&lt;/option&gt;
          &lt;option value="Male"&gt;Male&lt;/option&gt;
          &lt;option value="Female"&gt;Female&lt;/option&gt;
  &lt;/select&gt;   
  </code></pre>
  
  <p>and then one i want to change depending on selected option is :
  When its male :</p>
  
  <pre><code>&lt;select id="name"&gt;
          &lt;option&gt;Select Your Name&lt;/option&gt;
          &lt;option value="Male1"&gt;Male 1&lt;/option&gt;
          &lt;option value="Male2"&gt;Male 2&lt;/option&gt;
  &lt;/select&gt;   
  </code></pre>
  
  <p>when its female :</p>
  
  <pre><code>&lt;select id="name"&gt;
          &lt;option&gt;Select Your Name&lt;/option&gt;
          &lt;option value="female1"&gt;Female 1&lt;/option&gt;
          &lt;option value="female2"&gt;Female 2&lt;/option&gt;
  &lt;/select&gt;   
  </code></pre>
  
  <p>Thanks for the help! :)</p>