и проверте какие ошибки вам jquery пишет

<div class="form-item webform-component webform-component-textfield webform-component--phone">
 <label class="element-invisible" for="edit-submitted-phone--2">Ваш номер телефона <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label>
<input required="required" placeholder="Укажите номер телефона" class="input_form form-text required" type="text" id="edit-submitted-phone--2" name="submitted[phone]" value="" size="60" maxlength="128">
</div>

В консоле чисто

Привет, подскажите пожалуйста, как отследить и сделать проверку

Если у класса .single-option-selector не вызвано событие change тогда {}

У вас событие всегда не вызванно будет. можно не отслеживать а сразу запускать.

у меня вызвано оно, поэтому надо и сделать проверку если не вызвано  это событие и нажата кнопка тогда делать действия

мне нужно сделать так

если селект не выбран, то есть его не меняли, и нажата кнопка то делать действия {}

это select

темболее у селект всегда выбран элемент. Вы можете проверку сделать что не базовый элемент выбран

есть ссылка на пример?

разумеется google.com->select.change()

$('.product-form-product-template .single-option-selector').children("option:selected").val();

так я получаю выбранный селект когда он меняется, а как получить базовый?

базовый? на option поставте selected иначе это 1 из option

юзер зашёл на страницу и там есть select, если он его не трогал и сразу нажал кнопку, то мне это нужно отследить, если он ничего не менял в select и нажал кнопку то делать действия...

так в чем дело установите value в option. По нажатию проверяйте трогал ли он select.