uni*_*iah 2 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>
Run Code Online (Sandbox Code Playgroud)
我在哪里可以修改实际的选择下拉选项?我想添加<optgroup>到选择选项,但找不到去哪里修改。它在 wordpress 中的什么位置?
据我所知,不可能将 optgroups 与联系表 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();
});Run Code Online (Sandbox Code Playgroud)
<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>Run Code Online (Sandbox Code Playgroud)
(在 CodePen 上找到:https ://codepen.io/adrian-ortega/pen/Ivzjh )
| 归档时间: |
|
| 查看次数: |
1754 次 |
| 最近记录: |