我正在使用contact-form-7 网站中我的一个表单的插件。我有一些下拉选项。该选项主要由一些附带名称的课程组成。喜欢course 1, course 2, course 3, course 4....so on
. 但我希望我的课程领域应该是这样的
Course A:
course 1
course 2
course 3
course 4
Course B:
course 1
course 2
course 3
Course C:
course 1
course 2
Course D:
course 1
course 2
course 3
目前,我已经在我申请的contact-form-7插件课程中完成了这类字段
[select courser-applied class:course-applied "Course A" "course 1" "course 2" "course 3" "course 4" "Course B:" "course 1" "course 2" "course 3" "Course C:" "course 1" "course 2" "Course D:" "course 1" "course 2" "course3"]
但这一个不起作用,因为我希望课程A,课程B,课程C,课程D应该在下拉列表中具有很强的特征。有人能告诉我怎么做吗?下面是我想要的表单下拉列表
SO网友:Subharanjan
--在所有顶级选项的值中添加parent\\uu,如:parent\\u Course A、parent\\u Course B,还可以添加值为“endparent”的额外选项,如下面的结构
parent_Course A:
course 1
course 2
course 3
course 4
endparent
parent_Course B:
course 1
course 2
course 3
endparent
Code:
// contact us form - change out optgroup labels
$(function() {
// search for parent_ items
var foundin = $(\'option:contains("parent_")\');
$.each(foundin, function(value) {
var updated = $(this).val().replace("parent_","");
// find all following elements until endparent
$(this).nextUntil(\'option:contains("endparent")\')
.wrapAll(\'<optgroup label="\'+ updated +\'"></optgroup\');
});
// remove placeholder options
$(\'option:contains("parent_")\').remove();
$(\'option:contains("endparent")\').remove();
});