时间戳

首页 > 解决方案 > 造型联系表 7

wordpress - 造型联系表 7

问题描述

我用联系表格 7 制作了联系表格。由于主题的样式，选择框无法正常工作。

您不能选择多个选项，您可以在选择框中滚动而不是作为下拉菜单展开。

有人可以帮我弄这个吗？

网址：https ://www.lghairdressers.nl/basis-opleiding/

标签： wordpressselectcontact-form-7

解决方案

您面临的问题是选择字段具有multiple=true，这是多个字段的默认样式。

如果您想为多选保留下拉列表，则需要使用 JavaScript 插件（例如HybridDropdown字段）在您的页面上使用以下脚本转换您的字段，

<script type="text/javascript">
  (function(){
    let sel, hyd;
    document.addEventListener('DOMContentLoaded', (e) => {  //instantiate on document ready.
      sel= document.querySelectorAll('.wpcf7-select');
      sel.forEach(function(){
        hyd = new HybridDropdown(this,{});
      })
    })
  })
  </script>

推荐阅读