0
我試圖從顏色中選擇選項,但每次都返回空白。當它添加到汽車後,它會返回到購物車頁面,它會返回空白,而不是所選的顏色選項。jquery選項:選中不工作
// Adds items to the shopping cart
handleAddToCartForm: function() {
var self = this;
self.$formAddToCart.each(function() {
var $form = $(this);
var $product = $form.parent();
var price = self._convertString($product.data("price"));
var name = $product.data("name");
//Problem here
var color1 = $("#color1 option:selected").val();
$form.on("submit", function() {
var qty = self._convertString($form.find(".qty").val());
var subTotal = qty * price;
var total = self._convertString(self.storage.getItem(self.total));
var sTotal = total + subTotal;
self.storage.setItem(self.total, sTotal);
self._addToCart({
product: name,
price: price,
qty: qty,
color1: color1
});
var shipping = self._convertString(self.storage.getItem(self.shippingRates));
var shippingRates = self._calculateShipping(qty);
var totalShipping = shipping + shippingRates;
self.storage.setItem(self.shippingRates, totalShipping);
});
});
},
<div class="product-description" data-name="Rainbow" data-price="12">
<h3 class="product-name">Rainbow</h3>
<p class="product-price">$ 12</p>
<p class="select-color">Color 1:
<select id="color1">
<option value="blank"></option>
<option value="white">White</option>
<option value="red">Red</option>
<option value="orange">Orange</option>
<option value="yellow">Yellow</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="purple">Purple</option>
<option value="pink">Pink</option>
<option value="black">Black</option>
</select>
</p>
是否有任何控制檯錯誤之前?其他增值稅收拾好嗎? –