我正在使用WordPress和联系表单7来允许用户提交他们的详细信息。
现在,我想制作一个包含select
字段的option
下拉菜单。
HTML:
<div class="col-sm-12 af-outer af-required form-group af-inner hfix">
<select class="form-control" id="selfix">
<option disabled selected>How did you hear about us?</option>
<option value="From a colleague">- From a colleague</option>
<option value="From my partner">- From my friend</option>
<option value="Other, please specify">- Other, please specify</option>
</select>
<textarea id="otherinp" rows="1" style="display: none;"></textarea>
</div>
我相信这很清楚。标识为textarea
的{{1}}仅显示“其他,请指定”,并使用此jquery解决方案进行选择:
otherinp
好的,但是当我想收集细节时会出现问题。在Contact Form 7中,您可以使用$('#selfix').change(function() {
if($(this).val() == "Other, please specify") {
$('#otherinp').css('display', 'block');
}
});
等短代码来获取这些详细信息。但是,我没有像我使用纯HTML那样的短代码,而是这样做。
有什么方法可以收集上层HTML或以某种方式将其转换为短代码?
其他字段的短代码示例:
[select-form]