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 >值，查看這篇文章