首页 文章

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

提问于
浏览
0

我正在使用联系表格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 回答

  • 3

    据我所知,不可能使用具有联系表格7的选项组 . 您可以向开发人员发送功能请求,但我怀疑他们是否会实施它,因为它不经常需要 .

    第一种可能的解决方案是使用比Contact Form 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

  • 0

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

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

相关问题