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

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();
            }                                                            
});
});