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

Question

基本上我只想通过下拉框设置一个值,然后回显它旁边的值,理想情况下没有提交按钮并在同一页面中.

<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"

我一直在寻找一种方法来做到这一点,大多数解决方案都将值回应到选择中.我相信有更好的方法可以做到这一点,所以任何链接都将受到赞赏!

Answer 1

你必须使用javascript而不提交.

<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>