Question

所以我正在使用WordPress的插件Contact Form 7，我有这个带有2个单选按钮的表单：

<input type="radio" name="investorlandlord" value="I'm an Investor">
<input type="radio" name="investorlandlord" value="I'm a Landlord" tabindex="1">

当我选择了我是投资者按钮时，我需要在其下面显示以下下拉列表：

<select name="finance" class="wpcf7-form-control wpcf7-select" id="finance"><option value="Finance Available">Finance Available</option>...</select>

当选中另一个按钮时，我需要显示下拉列表：

<select name="properties" class="wpcf7-form-control wpcf7-select" id="properties"><option value="Number of Properties">Number of Properties</option>...</select>

在WordPress中有没有简单的方法呢？

Answer 1

我已经在这里解决了这个问题，它完美无缺：）

jQuery(function(){
               jQuery("input[name=investorlandlord]").change(function(){          


            if ($(this).val() == "I'm a Landlord") {
            jQuery("#properties").slideDown()
            }
            else {
            jQuery("#properties").slideUp();
            }                                                            
       });
    });
jQuery(function(){
        jQuery("input[name=investorlandlord]").change(function(){          


            if ($(this).val() == "I'm an Investor") {
            jQuery("#finance").slideDown()
            }
            else {
            jQuery("#finance").slideUp();
            }                                                            
});
});

选中单选按钮时 - 显示选择标记部分

1 个答案: