html 下拉 可选可填,根据HTML下拉列表选择填充输入

我知道在Stack Overflow上有很多这样的问题，但我真的需要一些与我正在做的事情更相关的事情......所以这就是我发布这个问题的原因。

我有一个带有PHP的HTML表单，它从MSSQL数据库中提取数据以填充下拉框。我希望能够在我从下拉框中选择名称后填充联系信息文本框。到目前为止，如果我选择特定的供应商，我可以将其自动输入到名称，电子邮件和电话号码字段中。但是，我希望在文本字段中输入不同的属性，而不是供应商名称本身。我怎么能这样做？

我的数据库中包含我要导入的名称，电子邮件和电话号码的字段名为MR_POC_N，MR_POC_E和MR_POC_P

您看到的“MR_Name”也是包含供应商FYI所有名称的字段

以下是我的HTML下拉列表代码：

Choose a Vendor

<?php foreach($users->fetchAll() as $user): ?>

这是我的联系信息代码：

Name:
Email:
Phone Number:

这是我在JS中的更新输入函数。我知道这是关闭但是寻找某种方向，因为我不是最好的JS：

function updateinput() {

var e = document.getElementById("ven");

var venSelected = e.options[e.selectedIndex].value;

document.getElementById("name").value=venSelected;

document.getElementById("email").value=venSelected;

document.getElementById("tel").value=venSelected;

}