从 select 下拉列表中的表格中获取所选项目的价格并将其显示在输入字段中

Question

我有一个名为参与的表，每种参与类型都有一个价格，我从数据库中获取参与类型作为 select 选项...当我从 select 选项中选择任何类型时，我需要在输入字段中显示所选类型的价格这里命名为total是我的代码

<div id="drop1" class="form-group  col-md-6 <?php echo (!empty($participation_err)) ? 'has-error' : ''; ?>">
    <?php
    $hostname = "localhost";
    $username = "root";
    $password = "";
    $databaseName = "gym";
    $connect = mysqli_connect($hostname, $username, $password, $databaseName);
    $connect->set_charset("UTF8");
    $sql = "SELECT * FROM participation";
    $result = mysqli_query($connect, $sql);
    $participation = "";
    while($row = mysqli_fetch_array($result))
    {
        $participation = $participation."<option>$row[1]</option>";
    }
    ?>
    <select id="participation" name="participation" class="col-md-6 input drop create form-control" >
        <?php
        echo"<option class='create' hidden>Participation Duration</option>"; echo $participation;?>
    </select>
    <span class="help-block"><?php echo $participation_err;?></span>
</div>
<br>

<div class="form-group col-md-6 <?php echo (!empty($total_err)) ? 'has-error' : ''; ?>">
    <label for="price"></label>
    <input type="text" placeholder="Total Fees" id="total" name="total" class="form-control create total" value="<?php echo $total; ?>">
    <span class="help-block"><?php echo $total_err;?></span>
</div>