Question

我使用插件联系表单7创建了一个联系表单。我的问题是我想从select的多个选项中禁用一个选项。这是我的代码：

[select evenement class:form-control  "first-option" "second-option" ....]

请告诉我如何解决这个问题。

Answer 1

您需要添加一些自定义的JavaScript代码才能执行此操作，您可以将其添加到表单中的cf7标记下方，

[select evenement class:form-control  "first-option" "second-option" ....]
<script type="text/javascript">
(function( $ ) {
  'use strict';
  $(document).ready( function(){
    var $select =  $('.wpcf7-form-control-wrap.evenement select', 'form.wpcf7');
    $('option[value="first-option"]', $select).attr('disabled',true);
  });
})(jQuery)
</script>`

Answer 2

对我有用的

<script type="text/javascript">
(function( $ ) {
  'use strict';
  $(document).ready( function(){
    var $option = $('option:contains("first-option")');
    $option.attr('disabled',true);
  });
})(jQuery)
</script>

禁用select的多个选项中的一个选项

2 个答案: