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");
            }
    }

Shopify下拉验证

2 个答案: