JavaScript onClick 添加带有下拉列表的表单字段我需要填充 PHP MySQL 查询

Question

我有一个 JavaScript 函数，当用户单击一个按钮时，它会在表单中添加另一行。我需要在此行中添加一个下拉菜单，以查询 mySQL DB 以加载公司的数据。HTML：<input type="button" class="center tmid" value="Add New Line" id="add_btn" name="add_btn" onclick="newLine(<?php echo $rowId; ?>, 'timecard')">JavaScript：function newLine(a,page) {   if (page == 'timecard') {    //get total rows in the table and subtract the header row    var rowCount = $('#tsTable tr').length;    var i = rowCount - 1;     var rowId = parseFloat(a)+parseFloat(i);    var tcId = this.tcId.value;    $.get('functions/getCompany.php', function(result){      var companyList = result;         });    //create new row data            var newRowData = '<tr><input name="tcdid[]" type="text" value="'+rowId+'"><td><input type="date" name="jobDate[]" id="date'+rowId+'" value=""></td><td><input type="text" class="input-short" name="hours[]" id="h'+rowId+'" value=""></td><td><input type="text" class="input-short" name="ot[]" id="ot'+rowId+'" value=""></td><td><input type="text" class="input-short" name="km[]" id="km'+rowId+'" value=""></td><td class="nopadding"><select name="company[]" id="company'+rowId+'"></td><td><input type="text" name="ticket[]" id="ticket'+rowId+'" value=""></td><td><input type="text" name="wo[]" id="wo'+rowId+'" value=""></td><td><input type="text" name="details[]" id="d'+rowId+'" value=""></td><td class="td-shorter" ><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteTimeLine(this,'+ rowId +',0)"></td></tr>';               //append new row to bottom of the table    $(newRowData).appendTo($("#tsTable tbody"));}PHP：function getCompany() {    global $conn;    $sqlC ="SELECT companyName             FROM customers             ORDER BY companyName ASC";    $resultC = $conn -> query($sqlC);    if($resultC === false){        user_error("Query failed: ".$conn->error."<br />".$resultC);        return false;    }所以我想在 getCompany() 函数中添加填充了结果的公司下拉列表。我该怎么办？任何帮助，将不胜感激。谢谢！

Answer 1

您通常会在 javascript 端使用 AJAX 调用来执行此操作：

$.get('/path/to/file.php', function (result) {

    console.log(result); // do something with result returned

}

然后在php方面：

<?php // /path/to/file.php

// perform your query, set variables

if ($success) {

    echo json_encode([

        'status' => 'success',

        'html' => '<option value='.$companies['companyName'].'>'.$companies['companyName'].'</option>'

    ]);

}

echo json_encode([

    'status' => 'error',

    'message' => 'Something went wrong, handle this'

]);