javascript - 如何在 WooCommerce 变体选择选项中添加 "required"

Question

我正在尝试使 woocommerce 产品变体字段成为必填项，我将以下脚本放在 </head> 之前但不工作。

我怎样才能做到这一点？

它适用于 Jsfiddle但不是在我的网站上我做错了什么。

我的 HTML:

<select id="color" class="" name="attribute_color" data-attribute_name="attribute_color">
     <option value="" selected="selected">Choose an option</option>
     <option value="White" class="attached enabled">White</option>
     <option value="Black" class="attached enabled">Black</option>
    </select>

我的脚本:

$(document).ready(function() {
    $('select').prop("required", true);
});

谢谢。

Answer 1

在 WordPress 上，您需要首先使用 jQuery，然后将 $ 添加到 函数($)。这样您就可以在之后使用简写 $。

这是您的代码:

jQuery(document).ready(function($) {
   $('select#color').prop("required", true);
});

(我已将 id color 添加到 jQuery 选择器中的 select html 标记。您可以像在代码中一样将其删除)