使用javascript将值返回到php的文本输入字段

时间:2014-10-21 09:04:27

标签: javascript php jquery input

我在php中有一个带有工作代码列表的下拉字段。选择工作代码后,我需要根据工作代码从另一个表中查找速率,并将其输入到输入字段中。所以在workcode下拉列表中我有onchange事件来执行javascript。

在Javascript中我执行rate.php但是如何将rate.php中的值恢复到字段?

工作代码下拉列表

//workcode drop down
        $get5 = mysqli_query($con,"SELECT * FROM va_workcodes order by BriefDesc");
        $option_wc = "<select name='wc' id='wc' onchange='getrate()'>";
        while($row5 = mysqli_fetch_array($get5)) {
        $option_wc .= "<option value = '";
        $option_wc .= $row5['WCNo'];
        $option_wc .= "'>";
        $option_wc .= $row5['BriefDesc'];
        $option_wc .= "</option>";
        }
        echo $option_wc;
        echo "</select>";

费率字段

echo "<input name='rate' id='rate' type='text' />";

javascript / jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
function getrate(){
    $.get("rate.php");
}
</script>

rate.php

<?php
$getrate1 = mysqli_query($con,"SELECT * FROM rates where .....");
while($row1 = mysqli_fetch_array($getrate1)) {
  $StdRate = $row1['StdRate'];
}
?>

所以基本上我需要将 $ StdRate 从rate.php返回到inputfield(rate)

1 个答案:

答案 0 :(得分:-1)

对您的代码进行以下更改:

<强> rate.php

<?php
$getrate1 = mysqli_query($con,"SELECT * FROM rates where .....");
while($row1 = mysqli_fetch_array($getrate1)) {
   $StdRate = $row1['StdRate'];
}
echo $StdRate;   // Print the rate in the end
?>

<强>的javascript / jquery的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
function getrate(){
    $.get("rate.php", function(data) {   // Add a callback to success and retrieve printed value as parameter
        $("#rate").val(data);
    });
}
</script>

问题在于你正在进行AJAX调用,但没有返回它的结果,我已经通过打印完成了,在返回之后你必须通过创建回调来消耗我在JS中完成的结果功能