php - 如何根据php中的下拉选择动态获取文本字段中的内容

Question

我在数据库中有两个字段，一个是 package_title，另一个是 package_cost。我正在使用 while 循环在下拉列表中显示 package_title。当客户从下拉列表中选择 package_title 时，我想在另一个文本字段中显示其成本(package_cost)。请帮助我。

我的 PHP 代码:

<div class="form-select-date">
    <div class="form-elements">
        <label>Select Package</label>
        <div class="form-item">
            <select>
                <option value="">Select</option>
                <?php
                $qry = "select * from `hajj_umrah_package`";
                $rec = mysql_query($qry );
                if( mysql_num_rows($rec) > 0)
                {
                    while($res = mysql_fetch_array($rec))
                    {
                        echo "<option value='".$res['id']."'>".$res['package_title']."</option>";
                    }
                } 
                ?> 
            </select>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="form-elements form-adult">
        <label>Price</label>
        <div class="form-item">
            <input type="text" name="cost"  />
        </div>
    </div>
</div>

Answer 1

您可以使用 jquery ajax 轻松完成此操作。首先，您必须在它的更改事件中获得下拉列表的值。然后调用下面给出的ajax。

$('#dropdown_id').change(function(){
var package = $(this).val();
$.ajax({
   type:'POST',
   data:{package:package},
   url:'get_cost.php',
   success:function(data){
       $('#cost').val(data);
   } 

});

});

在您编写上述代码的同一目录中创建一个 php 文件 (get_cost.php)。在 get_cost.php 添加以下代码:

<?php 
if (isset($_POST['package'])) {
    $qry = "select * from `hajj_umrah_package` where id=" . $_POST['package'];
    $rec = mysql_query($qry);
    if (mysql_num_rows($rec) > 0) {
        while ($res = mysql_fetch_array($rec)) {
            echo $res['package_cost'];
        }
    }
}
die();
?>