修改联系人的位置7在wordpress中选择选项

时间:2018-05-17 13:56:29

标签: wordpress contact-form-7

我使用的是联系表格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位于哪里?

2 个答案:

答案 0 :(得分:3)

据我所知,不可能使用带有联系表格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

答案 1 :(得分:0)

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

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