Select 选项，从选中的选项查询，将查询结果显示到文本框

Question

我有关于显示查询结果的问题

我有一张有属性的桌子。 属性是类型、特征和关税。

在 html 中，我有 2 个 select 选项，其中包含类型和特征，然后我的文本框关税为空。

HTML：

<select class="custom-select" id="type" name="type">
       <option value="">Pilih Tipe Barang</option>
       <option value="Tipe 1">Tipe 1</option>
       <option value="Tipe 2">Tipe 2</option>
</select>

<select class="custom-select" id="trait" name="trait">
       <option value="">Pilih Sifat Barang</option>
       <option value="Sifat 1">Sifat 1</option>
       <option value="Sifat 2">Sifat 2</option>
</select>

<input class="form-control" type="text" id="tariff" name="tariff" placeholder="Tarif Bea Penjual">

我想要的是当我 select 类型选项和特征选项 javascript 从我制作的表格中更改文本框关税的值时。

我认为需要在标签<script> (" SELECT tariff WHERE type = 'type value' AND trait = 'trait value' ")中查询。

但我不知道如何做到这一点。

请帮忙，非常感谢。

Answer 1

1. 为 id='trait' 添加 onChange 事件， 在 stackoverflow 上查看这个问题
2. 使用id='trait'的值从 db 获取您需要的一些数据。
3. 更新你的<input >值，查看这篇文章