私はshopifyでウェブストアを構築しています。 ドロップダウンからサイズ/値が選択されていない場合、最初のサイズ/値が自動的に選択されるという検証をドロップダウンに追加したいと思います。 [カートに追加]ボタンをクリックしたとき。
助けてくれてありがとう。
回答:
回答№1は0この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/
回答№2の場合は0
ここでドロップダウンリストについて説明し、その後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");
}
}