php - 页面加载时，我无法显示带有值的动态输入字段？

Question

这是我的php代码：

<?php
try{
//Need to make a connection
$con=new PDO("mysql:host=localhost;dbname=courseraassignment","root","");


$statementUpdate=$con->prepare("select * from position 
                   where profile_id=:profile_id");
$statementUpdate->execute(array(
    ':profile_id'=>$_REQUEST['profile_id']
));
foreach($statementUpdate as $row){
   echo $row['year'];
   echo $row['description'];
   echo "<br>";
}
}catch(PDOException $e){
echo "error".$e->getMessage();
}
?>

通过这个 PHP 代码，我想从数据库中获取包括年份和职位表描述在内的数据。

这是我完整的html代码：

<div class="container">
<h1>Ashiful Islam Prince's Resume Registry</h1>


<h1>Editing Profile for UMSI</h1>
<?php
if(isset($_SESSION['profile_error'])) {
    $error = $_SESSION['profile_error'];
    unset($_SESSION["profile_error"]);


    echo '<span class="text-danger">';


    echo $error;


    echo '</span>';
}
?>
<form method="post">
    <p>First Name:
        <input type="text" name="first_name" value="<?php
        echo $firstName;
        ?>"
        ></p><br>

    <p>Last Name:
        <input type="text" name="last_name" value="<?php
        echo $lastName;
        ?>"</p>

    <p>Email:
        <input type="text" name="email" value="<?php
        echo $Email;
        ?>"</p><br>
    <span class="text-danger">
<?php
if(isset($email_sign_error))
    echo $email_sign_error;

?>
</span>


    <p>Headline:<br/>
        <input type="text" name="headline" value="<?php
        echo $Headline;
        ?>"</p>


    <p>Summary:<br/>
        <textarea name="summary" rows="8" cols="80">
    <?php
    echo $Summary;

    ?>
</textarea>
    <p>Position : <input type="button"  class="add_position" id="add_position"
                         name="addPosition" value="+">
        <div class="position_fields" id="position_fields">

       </div>
    <p>
<input type="submit" value="Save" name="btn" class="btn btn-primary">
<input type="submit" name="cancel" value="Cancel">
 </p>
</form>
</div>
</div>
</div>

这是上面的代码部分：

<div class="position_fields" id="position_fields">

   </div>

在这一部分中，我想展示这些获取的值（年份和描述）。

这是我的 JQUERY 代码：

   <script type="text/javascript">

    $(document).ready(function(){
    var countPos=0;
    var add_button=$('#add_position');
    var wrapper=$('#position_fields');
    window.console && console.log('Document ready called');
    //When the user clicks on the add button then It inserts these input fields
    function addField(event){

        if ( countPos >=9 ) {
            alert("Maximum of nine position entries exceeded");
            return;
        }
        countPos++;
        window.console && console.log("Adding position "+countPos);
        $(wrapper).append(
            '<div id="position'+countPos+'"> \
    <p>Year: <input type="text" name="year'+countPos+'" value="" /> \
    <input type="button" value="-" \
        onclick="$(\'#position'+countPos+'\').remove();return false;"></p> \
    <textarea name="desc'+countPos+'" rows="8" cols="80"></textarea>\
    </div>');
    }
    $(add_button).click(function(event){
        addField();
    });
    addField();



    });

   </script>

此代码是为处理动态输入字段问题而开发的。当用户单击添加按钮时，将显示动态输入字段，并且这些字段也将在页面加载时显示。

我想实现：一切都将照原样完成。但是当页面加载时，这些动态输入字段将显示值。我怎样才能实现我的目标？

标签： phphtmljquery