title: How to store dropdown selected value in a div
body: <p>I have form and each and every input values I want to store in divs when it enters. </p>
  
  <p>I did it for input box like this </p>
  
  <pre><code> &lt;input type="text" class="form-control" onkeyUp="document.getElementById('ref7').innerHTML = this.value" name="bank_name" id="bank_name" id="bank_name"&gt;
  </code></pre>
  
  <p>but how can I proceed it to dropdown box selected values ?</p>
  
  <p>this is my select box</p>
  
  <pre><code>  &lt;select class="select form-control" id="payment" required name="payment" onkeyUp="document.getElementById('ref14').innerHTML = this.value"&gt;
                          &lt;option value="" disabled="disabled" selected="selected"&gt;Please select&lt;/option&gt;
                          &lt;option value="As per signed contract accpetable"&gt;
                              As per signed contract acceptable
                          &lt;/option&gt;
                          &lt;option value="As per contract not accpetable"&gt;
                              As per contract not acceptable (please specifiy the fee below)
                          &lt;/option&gt;
                      &lt;/select&gt;
  
  &lt;div id="ref14"&gt;&lt;/div&gt;
  </code></pre>