在输入字段中选择一个值，然后使用相应的数据填充另一个字段

Question

我有一个表单，其中包含一个输入字段，其中包含一个数据列表，从这里获取来自php的数据就是代码的悄悄话。

<input type=text list=jobs style='font-size:21px;height: 40px;' class='form-control'  name="Code">
    <datalist id=jobs>
      <?php foreach ($this->Products as $a) {
                     echo '<option value=' . $a["Code"] . '>' . $a["Code"] . " - " . $a["Name"] . ' </option>';
                            }?>
    </datalist>

当您选择生成的记录时，该字段只显示$ Code，因此我想要的是一个只读输入字段，显示所选项目的$ Name。

如何在javascript / jquery

中实现

Answer 1

我认为你想要的是一个标签：

echo '<label>' + $a["Name"] + ': ';
echo '<option value=' . $a["Code"] . '>' . $a["Code"] . " - " . $a["Name"] . ' </option>';
echo '</label>';