Как добавить «требуемый» в вариант выбора WooCommerce выберите опцию

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, а затем добавить $ к function($). Таким образом, вы можете использовать стенографию $ впоследствии.

Вот ваш код:

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

(. У меня есть добавить идентификатор color в select HTML тег в селекторе Jquery Вы можете либо удалить его, как в вашем коде)