涉及下拉菜单的jquery问题

Question

这是我的情况，我正在使用 zen-cart 进行电子商务网站。

在产品详细信息页面中，产品属性如颜色和尺寸都在下拉菜单中。

要求是，当购物者单击“添加到购物车”而不选择属性时，会出现一条警告，提示选择颜色，这也适用于尺寸。

我的问题是，当我单击“添加到购物车”时，关闭框并单击“添加到购物车”而不选择属性后，会出现警告框，但没有任何反应。

这是 jQuery 编码

 //#attrib-Size is the id for Size attribute
 //#attrib-Color is the id for Color attribute  


$("#attrib-Size").change(function(){
 $("#for_alert").val(1);
});

$("#attrib-Color").change(function(){ 
 $("#for_alert").val(1);
});

/*Add to cart */                
$(".des_buynow_addcart").click(function(){
 if($("#for_alert").val() == 1){
  $("#for_alert").val(0);       
  if($("#attrib-Size").val() == 0){
   alert ("PLEASE SELECT SIZE");
   return false;
  }
  else if($("#attrib-Color").val() == 0){
   alert ("PLEASE SELECT COLOR");
   return false;
   }
  else{

这是 HTML 编码

<input class="des_buynow_addcart" type="image" src="includes/templates/********/buttons/english/addto-cart.png" alt="Add to Cart" title=" Add to Cart "/><br/>

<input type="hidden" value="1" name="for_alert" id="for_alert"/>

Answer 1

就是这一部分：

if($("#for_alert").val() == 1){
  $("#for_alert").val(0);      

如果该值为 1，则将其设置为 0。现在，如果您再次单击该按钮，该值将为 0，因此它将一起跳过 if 。