Shopify下拉验证

Question

我正在shopify上建立一个网上商店。我想添加一个验证下拉菜单，如果从下拉菜单中选择没有大小/值，它会自动选择第一个大小/值。当我们点击添加到购物车按钮。

感谢您的帮助。

Answer 1

鉴于此HTML：

<select id="drop"> 
    <option value="0">Please select</option> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 
<button id="add">Add to cart</button> 

使用这个JavaScript/jQuery的：

$(document).ready(function() { 
    var $drop = $("#drop"); 
    $("#add").on("click", function() { 
     if($drop.val() == 0) { 
      $drop.val(1); 
     } 
    }); 
}); 

http://jsfiddle.net/82vrccem/1/

Answer 2

这里我提一个下拉列表，而且JavaScript验证之后也给出。

<select id="dropdown"> 
    <option value="0">Select</option> 
    <option value="1">Option One</option> 
    <option value="2">Option Two</option> 
    <option value="3">Option Three</option> 
</select> 

使用上下拉列表中流动的JavaScript验证。

function Validate() 
    { 
     var e = document.getElementById("dropdown"); 
     var strUser = e.options[e.selectedIndex].value; 
     //if you need text to be compared then use 
     var strUser1 = e.options[e.selectedIndex].text; 
     if(strUser==0) //for text use if(strUser1=="Select") 
      { 
       alert("Please select a user"); 
      } 
    }