使用选择选项字段值隐藏和显示联系表单7字段

时间:2018-02-27 09:49:38

标签: javascript wordpress select options contact-form-7

我正在使用联系表单7插件作为我的运营商表单。现在我使用java脚本使用Select选项值隐藏/显示一些字段。

示例:

如果首先选择框选项值是(i)Faculty然后显示另一个第二选择选项字段,如果在第一个选择框中用户选择其他选项,则隐藏第二个选择选项字段。

为此,请参阅此屏幕截图 - > http://nimb.ws/uxHNjy

为此,我使用了以下JS:

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#subject_forpost").hide();
    });
    </script>
    <script type="text/javascript">
       jQuery(".career_postapplied").change(function(){
       var value = this.value;
       if (value == "(i) Faculty"){
         jQuery("#subject_forpost").show();
       }
       else
       {
         jQuery("#subject_forpost").hide();
       }
     });
</script>

以上JS对我有用。但我在电子邮件正文中面临一个问题。当用户选择“(i)Faculty”选项,然后在第二个选择选项中选择任何主题,如果用户改变主意,则在第一个选择选项中选择其他选项,然后选择第二个选项字段隐藏。这很好,但是当管理员收到该邮件,然后在电子邮件正文中也显示第二个选择选项值。

这是问题。那么如果用户改变主意并在第一选择选项字段中选择其他选项,如何在表单邮件发送之前清除第二个选择选项值。

感谢。

1 个答案:

答案 0 :(得分:0)

我在其他条件部分添加了以下代码,问题已修复。

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#subject_forpost").hide();
    });
    </script>
    <script type="text/javascript">
       jQuery(".career_postapplied").change(function(){
       var value = this.value;
       if (value == "(i) Faculty"){
         jQuery("#subject_forpost").show();
       }
       else
       {
         jQuery("#subject_forpost").find('select').val('');
         jQuery("#subject_forpost").hide();
       }
     });
</script>

所以工作代码是:

global def function():
print("String")