我有一个从python django数据库中获取数据的表,第一列是一个带有产品名称的选择框我想要根据产品选择更改price列的值如何实现
<table>
{% for item in items %}
<tr>
<select name="sel0" id="selectbox" onchange="">
{% for product in products %}
<option value="{{ product.id }}" id="optionval">{{product.name}}</option>
{% endfor %}
</select>
<td>price</td>
<td>Quantity</td>
<td>Total</td>
</tr>
{% endfor%}
</table>
答案 0 :(得分:0)
最好的办法是在产品清单的更改事件上写ajax调用。 应显示默认选定产品的装载价格。 在产品更改中从数据库检索价格并更新前端的相应价格值。
$(document).on('change', '#selectbox', function(){
$.ajax({
type: "POST",
url: Urls['url_to_view']({{ product.id }}),
data:{
csrfmiddlewaretoken: $('input[name="csrfmiddlewaretoken"]').val()
},
success: function(response){
price = response.price
// code to change price in front end
}
})
});