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

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 的多个选项中的一个选项

disable one option from the multiple options of the select

wordpress

contact-form-7