Javascript 从jQuery返回PHP

我想通过jQuery回显HTML下拉列表值：

<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>

<script>
  function displayVals() {
    var singleValues = $( "#single" ).val();
    $( "p" ).html( "<b>Single:</b> " + singleValues);
  }
  $( "select" ).change( displayVals );
  displayVals();
</script>

并在PHP中回显下拉列表值：

<?php
    echo $single;
?>

---

如果不先提交表单，就无法访问PHP中的select值

$price = 5.00;
$noOfItems = $_POST['my_select'];

$totalCost = $price * $noOfItems;

echo "<p>$noOfItems @ $price will cost you $totalCost"; 

下面是一个示例表单，它提交到一个名为submit.php的文件中

<form method="post" action="submit.php">

<select id="my_select" name="my_select">
    <option value="1">One</select>
    <option value="2">Two</select>
    <option value="3">Three</select>
</select>

</form>

php的内容如下所示

<?php
echo $_POST['my_select']; // Will output the value of my_select when the form was submitted
?>

您还可以使用ajax将表单中的数据提交到PHP页面，让PHP页面生成一些HTML输出并将其返回到jQuery，从那里您可以将生成的HTML插入页面中的元素div中

<form id="my_form" method="post" action="submit.php">

<label>Select the number of items you'd like @ £5.00 each</label><br>
<select name="my_select">
    <option value="1">One</select>
    <option value="2">Two</select>
    <option value="3">Three</select>
</select>

</form>

<div id="result"></div>

创建一个PHP页面来接收表单中的数据

$price = 5.00;
$noOfItems = $_POST['my_select'];

$totalCost = $price * $noOfItems;

echo "<p>$noOfItems @ $price will cost you $totalCost"; 

然后在后台使用jQuery将表单中的数据提交给PHP，然后将生成的HTML放入result div

<script type="text/javascript">
$(document.ready(function(){

    $("#my_select").change(function(){
        $.post("submit.php", $("#my_form").serialize(), function(response){
            $("#result").html(response);
        });
    });

}))
</script>

---

我需要的是使用和即时发布选择列表的值，这些值由两个数字/值组成。例如，在下拉列表中是2种类型的交付成本，我想在做出选择后立即发布产品价值，包括发货。好的，也许您需要做的是使用ajax将表单提交到PHP文件。让PHP文件生成HTML标记并返回它，然后可以在DIV或其他元素中输出响应。让我来做一个简单的示例。我在上面添加了一些进一步的信息。您还可以使用Javascript执行计算。您不需要使用PHP。谢谢您的帮助。