wordpress中的contact 7 select选项在哪里修改

Question

我正在使用联系表 7，这里是显示 select 下拉菜单的实际联系表 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>

我在哪里可以修改实际的 select 下拉选项？我想将 <optgroup> 添加到 select 选项，但找不到去哪里修改它。它位于 wordpress 的什么位置？

Answer 1

您不能在 Contact Form 7 下拉菜单中使用 optgroup 元素，因为它似乎不支持短代码语法。官方网站上的 documentation 概述了可能的选项。

id:(id)
class:(class)
default:(num)
default:1_2_3
multiple
include_blank
first_as_label
data:(name)

Answer 2

据我所知，不可能将 optgroups 与联系表 7 一起使用。您可以向开发人员发送功能请求，但我怀疑他们是否会实施它，因为不需要太频繁。

第一个可能的解决方案是为此目的使用比 Contact Form 7 更灵活的插件，或者您自己编写此特定表单。

第二种可能性是使用 JavaScript 方法在加载后修改 select：

$(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）

wordpress中的contact 7 select选项在哪里修改

Where to modify the contact 7 select options in wordpress

wordpress

contact-form-7