下拉更改时将JavaScript变量传递给PHP

Question

我正在尝试根据下拉框上的值更改来更改div中的文本。 下拉框值是使用PHP从MySQL填充的。 我正在页面加载中加载下拉框。

<script>

$(document).ready(function() {
$('#products').change(function(){

var idval=$('#products').val();
$.ajax
        (   {
                type: "post",
                url: "my.php",
                data: {winner_id:idval}, 
                success: function(response)
                { alert("The winner was passed!")},
            }
        );

 <?php 
require_once 'config.php';


$iid=$_GET['winner_id'];
$sql="SELECT * FROM Products where prod_id = ".$iid;
$result = mysql_query($sql);
$row = mysql_fetch_array($result);

$prodCredit="Credit :".$row["prod_price"];
$time="estmated time is  :".$row["prod_time"];

 ?> 
$('#esdTime').text(' <?php echo $prodCredit ?> ' );
$('#credit').text(' <?php echo $time ?> ' );

   });

  });

</script>

我没有得到结果。

让我知道如何将JavaScript值idval分配给PHP变量$iid值。

Answer 1

//you would want a the php script to be in a separate file that you could call Have the php file return an array or json object. Have the callback success function append the new options to the html select. The following is a ruffexample

<script>

  $(document).ready(function() {
  $('#products').change(function(){

 var idval=$('#products').val();
$.ajax
    (   {
            type: "post",
            url: "my.php",
            data: {winner_id:idval}, 
            success: function(response){
              for (var i = 0; i < response.length; i++) {
                  $("#idofyourselect").append("<option val='" +response[i]+"'>" + response[i] + "</option>");
              }
            },
        }
    );

</script>