javascript - 同じテーブル内の別のフィールドに基づくテーブル内のフィールドの自動更新

Question

ショッピングカートを開発しています。これまでのところ、カートに商品をリストしました。各製品には、名前、価格、数量、および小計があります。数量はドロップダウン リストとして表示されます。ユーザーがドロップダウン リストの値を変更すると、自動的に価格が変更されます。この機能は ajax を使用します。特定のドロップダウン リストの ID を取得しました。そのIDを使用して特定の製品の価格を変更するにはどうすればよいですか? 私を助けてください

Answer 1

このようなもの：デモ

HTML

Price: <input type="text" id="price" value="100" /><br />

Quantity :
<select id="qty" onchange="calculate()">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<br />
Total : <input type="text" id="total" /><br />

JS

<script>
function calculate()
    {
       var price = document.getElementById("price").value;
       var qty = document.getElementById("qty").value;
       var total = parseFloat(price) * parseFloat(qty);
       document.getElementById("total").value = total;
    }
</script>