Javascript 基于同一表中的另一字段自动更新表中的字段

我正在开发一个购物车。到目前为止，我已经在购物车上列出了产品。每个产品都有其名称、价格、数量和小计。数量以下拉列表形式给出。当用户更改下拉列表值时，价格将自动更改。此功能使用ajax。我得到了特定下拉列表的id。现在，我如何使用该id更改特定产品的价格？请帮我做点像这样的事：

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 />

价格：

数量：
1.
2.
3.
4.
5.


总计：

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>

函数计算（）
{
var price=document.getElementById（“价格”）.value；
变量数量=document.getElementById（“数量”）值；
var总计=分析浮动（价格）*分析浮动（数量）；
document.getElementById（“总计”）.value=total；
}

请显示您的代码，以便我们提供帮助。我们不会在这里为您编写完整的代码。只是关于yur研究的帮助。但是我如何在对应于下拉框的行中显示它呢？我必须在html中显示。