I would like to save all the input values from a form into separate divs as they are entered.
For text input boxes, I have successfully implemented it using the following code:
<input type="text" class="form-control" onkeyUp="document.getElementById('ref7').innerHTML = this.value" name="bank_name" id="bank_name">But I am now wondering how I can achieve the same functionality for dropdown box selected values.
Here 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>