如何在html表单中自动填充输入字段

Posted 2023-02-24

【中文标题】如何在html表单中自动填充输入字段

【英文标题】：How to automatically fill the input field in html form

【发布时间】：2019-07-27 15:46:27

【问题描述】：

我有一个可以创建燃料费用记录的系统项目，所以在创建费用记录的过程中，我在第一个表格中填写了员工姓名，

这是我的第一个表格：（使用此表格，我可以从数据库中访问所有员工的姓名）

<div class="form-group">
  <label>Employee Name</label>
     <select name="employee" onchange="getEmp(this.value)" class="form-control">
          <option value="">Select Employee</option>
          <?php foreach($emps as $emp) : ?>
          <option value="<?php echo $emp["employee_id"]; ?>"><?php echo $emp["surname"] . ', ' . $emp["firstname"]; ?></option>
          <?php endforeach; ?>
     </select>
   <div class="help-block with-errors"></div>
</div>

员工的姓名已经存储在名为 tbl_employee 的表中，每个姓名都提供代号并与车辆一起发布。所以换句话说，我的数据库中有两个名为 tbl_employee 和 tbl_vehicle 的表。 tbl_employee 具有属性：employee_id（主键）、carid（外键）姓、名和代号，

tbl_vehicle 有属性：carid(primary key) and reg_num(registration number or plate number)

我想要的是，当我从上述表格中选择一个名称时，我想用它的代号和 reg_num（车牌号）自动填写表格（如下所述）：

                    <div class="form-group">
                        <label>Employees Code Name</label>
                        <input class="form-control" name="codename" type="text"/>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <label>Plate Number</label>
                        <input class="form-control" name="reg_num" type="text"/>
                        <div class="help-block with-errors"></div>
                    </div>

我也使用这条 SQL 语句直接从数据库中访问员工姓名：

$emp = query("SELECT * FROM tbl_employee");
render("./fuel/list.php", ["title" => "Fuel Expenses List", "fuels" => $rows, "emps" => $emp]);

如你所见，我的代码上没有编写 javascript，这就是我需要大家帮助的原因之一。

【问题讨论】：

我看了你的另一个帖子，威廉的答案就是你想要的。你对这个答案有什么问题？

是什么让你觉得这次你会得到正确的答案？因为据我所知，这些都是对您的其他问题的充分解释的答案：***.com/q/54986735/8566549

抱歉给您带来不便，先生，我尝试了这些代码，但它不起作用，它运行没有错误，但输出不是我想要的。我非常需要再问一次，因为这次它包含了从不同表中存储的属性值。

请更新此问题，添加您尝试过的代码并详细说明您期望的输出以及实际输出是什么，然后我们可以提供帮助。人们无法帮助您解决“输出不是我想要的”

请分享javascript代码

【参考方案1】：

你试试这个：

onkeyup(getEmp(this.value));

【讨论】：

不要尝试这个，请解释你的答案。它也将有助于未来的读者。

不鼓励仅使用代码的答案。请单击edit 并添加一些词来总结您的代码如何解决问题，或者解释您的答案与之前的答案/答案有何不同。 From Review