How to store dropdown selected value in a div

Question

I have form and each and every input values I want to store in divs when it enters.

I did it for input box like this

 <input type="text" class="form-control" onkeyUp="document.getElementById('ref7').innerHTML = this.value" name="bank_name" id="bank_name" id="bank_name">

but how can I proceed it to dropdown box selected values ?

this is my select box

  <select class="select form-control" id="payment" required name="payment" onkeyUp="document.getElementById('ref14').innerHTML = this.value">
                        <option value="" disabled="disabled" selected="selected">Please select</option>
                        <option value="As per signed contract accpetable">
                            As per signed contract acceptable
                        </option>
                        <option value="As per contract not accpetable">
                            As per contract not acceptable (please specifiy the fee below)
                        </option>
                    </select>

<div id="ref14"></div>

Answer 1

For select instead of onkeyUp event use onchange event.

Reference