Question

我正在尝试创建一个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>

Edit.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);

Answer 1

更改

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

到

  $('#itemid').val('<?php echo $itemid; ?>');

使用Jquery点击功能填写表单

1 个答案: