Где изменить контакт 7 вариантов выбора в wordpress

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

<div class = "select-wpr">[select* program id:program first_as_label required "Choose your program of interest"]</div></div>
<div class = "full-width">
<div class = "select-wpr">[select* campus id:campus first_as_label "Choose campus"]</div>
</div>

Куда я могу перейти и изменить фактические параметры раскрывающегося списка? Я хочу добавить <optgroup> к параметрам выбора, но не могу найти, куда пойти и изменить это. Где это находится в wordpress?

Возможно, вам будет полезна эта ветка: wordpress.org/support/topic/…

Justin R. 17.05.2018 17:32
Как убрать количество товаров в категории WooCommerce
Как убрать количество товаров в категории WooCommerce
По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.
2
1
1 653
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы не можете использовать элементы optgroup в раскрывающемся списке контактной формы 7, поскольку, к сожалению, он не поддерживает его в синтаксисе шорткода. документация на официальном сайте описывает возможные варианты.

id:(id)
class:(class)
default:(num)
default:1_2_3
multiple
include_blank
first_as_label
data:(name)
Ответ принят как подходящий

Насколько мне известно, нет возможности использовать optgroups с контактной формой 7. Вы можете отправить запрос на добавление функции разработчикам, но я сомневаюсь, что они будут его реализовывать, поскольку это не требуется слишком часто.

Первое возможное решение - использовать для этой цели более гибкий плагин, чем Контактная форма 7, или вы сами создаете код этой конкретной формы.

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

$(function(){
  var foundin = $('#some_select option:contains("optgroup-")');
  $.each(foundin, function(value){
    var updated = $(this).val().replace('optgroup-','');
    $(this).nextUntil('option:contains("endoptgroup")').wrapAll('<optgroup label = "'+updated+'"></optgroup>');
  });
  $('#some_select option:contains("optgroup-")').remove();
  $('#some_select option:contains("endoptgroup")').remove();
});
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id = "some_select">
  <option>optgroup-First Group</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>endoptgroup</option>
  <option>optgroup-Second Group</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>Some Option</option>
  <option>endoptgroup</option>
</select>

(найдено на CodePen: https://codepen.io/adrian-ortega/pen/Ivzjh)

Другие вопросы по теме