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

基本上，我只想通过一个下拉框设置一个值，然后回显它旁边的值，理想情况下不需要提交按钮，而是在同一页面中

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

选择1
选择2
选择3
选择4
备选案文5
echo“$price”

我一直在寻找一种方法来实现这一点，大多数解决方案都会将价值反映到select中。我相信有一个更好的方法来做到这一点，所以任何链接都将不胜感激

使用jQuery：

$(document).on('change', '#mySelect', function(){
    $('#DisplayValueSomewhereID').html($('#mySelect').val());
});

页面上的某个位置：

<div>&pound;<span id='DisplayValueSomewhereID'>0.00</span></div>

£；0

JS-Bin
选择1
选择2
选择3
选择4
备选案文5
&磅；
功能显示价格（价格）
{
document.getElementById（'price_sp'）。innerHTML=price；
}

添加表单

在表单中添加提交按钮（您必须有某种方式通知浏览器将表单数据发送到服务器）

从

$\u POST[]

读取值（如果存在）

保护自己免受XSS攻击

例如：

选择1
选择2
选择3
选择4
备选案文5
您必须在不提交的情况下使用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>


选择1
选择2
选择3
选择4
备选案文5
英镑

您必须使用javascript，以便在服务器上执行.PHP以生成html文件。您需要使用客户端语言来实现这一点。您可以使用Ajax来实现这一点。@LozCheroneツ 我的意思是和。。。（JS）；-）没有时间编辑我的评论。虽然你可以使用Ajax，但是如果你不想从数据库中获取一些关于选择的信息，那就没有什么意义了。（问题是PHP，而不是JavaScript）。@Quentin他不确定该用什么，他只是希望表单不应提交，他要求更好的方法，如果问题中明确提到他不想提交页面，那么你的答案就关闭了topic@Veerendra-不，问题是“理想情况下，没有提交按钮”。为了使用PHP（问题中唯一标记的编程语言）实现这一点，必须提交表单，因此需要“提交”按钮。@Quentin当然最好建议使用解决问题的最佳语言，而不是让OP使用他认为需要的语言，但实际上并不是这样。“为此使用服务器端语言是一种明智、可靠的方法。“-我同意。另外，若用户禁用了JS，那个么JS解决方案将毫无用处。我总是使用服务器端脚本，除非必要，否则我很少使用JS。一旦基本原理完成，使用JavaScript实现逐步增强、更用户友好的方法没有错……但首先完成基本原理仍然是一个好主意。
<form method="post">
<select name="price" 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>
<input type="submit">
</form>

<?php
    if (isset($_POST['price'])) {
        echo "$";
        echo htmlspecialchars($_POST['price']);
    }

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