使用Jquery点击功能填写表单

Filling form with Jquery click function

本文关键字：表单 功能 Jquery 使用      更新时间：2023-09-26

我正在尝试创建一个GUI，让用户编辑表中显示的任何行。我已经设法创建了一个表单，当用户点击一个象征编辑图标的图像时，它会弹出。现在，我喜欢使用Jquery（如果可能的话）用我的数据库中的数据来填充这个表单。错误代码如下，我似乎根本无法得到任何结果

脚本

<script type="text/javascript">
$(document).ready(function(){   
    $('#edit').click(function() {
        $.ajax({
            url: 'edit.php?itemid=$itemid',
            success: function(response) {
                $('#itemid').val($itemid);
                ......
                $('#status').val($status);
            }
        });
    });
});
</script>

编辑.php

<?php
$DB = new mysqli("localhost", "root", "", "book1");
$result2 = mysqli_query($DB, "SELECT * FROM booking WHERE itemID='$itemid'");
while($row = mysqli_fetch_array($result2)){
    $itemid = $row['itemID'];
    ......
    $status = $row['status'];
}
echo (array($itemid, $userid, $description, $manufacturer, $model, $caldate, $duedate, $shelf, $status);
?>

表单

<div id="light1" class="white_content">
            <form id="editform" name="myForm" action="checkout.php" method="POST">
                <h2>Edit Instrument</h2>
                <label>ItemID:</label> 
                <input type="text" id="itemid"/>
                <br>
                ......
                <a>Status: </a>
                <input type="text" id="status"/>
                <br>
                <input type="submit" value="Accept">
                <input href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'" type="reset" value="Close">
                <br>
            </form>
        </div>

错误

ReferenceError: $itemid is not defined
   $('#itemid').val($itemid);

更改

  $('#itemid').val($itemid);

至

  $('#itemid').val('<?php echo $itemid; ?>');
相关文章：