在同一页面中显示HTML选择值

Question

Basically I just want to have a value set by a dropdown box and then echo the value next to it, ideally without a submit button and in the same page.

<select name="price" action="post" id="mySelect">
<option value="100">Option 1</option>
<option value="120">Option 2</option>
<option value="115">Option 3</option>
<option value="135">Option 4</option>
<option value="80" >Option 5</option>
</select>

echo "£ $price"

I've been looking for a while for a way to do this, most solutions echo the value into the select. I'm sure there's a much better way to do this so any links would be appreciated!

Answer 1

you have to use javascript for this without submitting.

<select name="price" action="post" id="mySelect" onChange="document.getElementById('selectedValue').innerHTML = this.value;">
<option value="100">Option 1</option>
<option value="120">Option 2</option>
<option value="115">Option 3</option>
<option value="135">Option 4</option>
<option value="80" >Option 5</option>
</select>
<p>£ <span id="selectedValue"></span></p>