所以我有多个下拉框,他们在下拉框中有一个价格,我想收集每个下拉框的所有价格,并将其作为总价格回显。到目前为止,我已经设法回应价格,但它只显示每个下拉框的最后一个产品,因此当用户选择不同的产品时,它不会改变价格。
b = a.encode().replace('\\\','\'
答案 0 :(得分:1)
之前设置
$pricePsu = 0;
in while use
$pricePsu += $row["price"];
在echo "$pricePsu"
选项html
<select name="psu" id="psu" multiple="multiple">
<option value="1" price="5">option1 $5</option>
<option value="2" price="10">option2 $10</option>
<option value="3" price="15">option3 $15</option>
</select>
<div></div>
选项javascript
$( "select" )
.change(function() {
var total = 0;
var str = "";
$( "#psu option:selected" ).each(function() {
total += parseInt($( this ).attr("price")) ;
});
$( "div" ).text( total );
})
.trigger( "change" );
实施例! https://jsfiddle.net/Cuchu/epxvhfyh/
良好做法:
echo "<option value='{$row['id']}' price='{$row['price']}'>{$row['psu']} £ {$row['price']}</option>";