用jquery写一个联动界面：当规则形式选择普通类时，根据规则类型的选择框不同，规则结果下拉选项联动展示

要使用jQuery实现一个联动界面，你需要编写HTML来构建界面结构，并使用jQuery来处理事件和实现动态变化的效果。下面是一个简单的实现方法：

1. 首先，你需要准备一个包含规则形式选择框（formType）和规则类型选择框（ruleType）的表单。此外，还需要一个用于展示规则结果的下拉菜单（ruleResult）。

2. 在HTML中，为每个选择框添加相应的`id`属性，以便后续使用jQuery进行操作。

<form id="ruleForm">
    <label for="formType">规则形式：</label>
    <select id="formType">
        <option value="normal">普通类</option>
        <!-- 其他选项 -->
    </select>

    <label for="ruleType">规则类型：</label>
    <select id="ruleType" disabled="disabled">
        <option value="type1">类型1</option>
        <option value="type2">类型2</option>
        <!-- 其他规则类型 -->
    </select>

    <label for="ruleResult">规则结果：</label>
    <select id="ruleResult">
        <!-- 规则结果选项 -->
    </select>
</form>

3. 接下来，使用jQuery编写脚本来实现联动逻辑。当规则形式选择框的选项改变时，根据所选的规则类型，更新规则结果选择框的内容。

$(document).ready(function() {
    $('#formType').change(function() {
        var selectedFormType = $(this).val();
        // 根据选择的规则形式启用或禁用规则类型选择框
        if (selectedFormType === 'normal') {
            $('#ruleType').prop('disabled', false);
        } else {
            $('#ruleType').prop('disabled', true).val('');
        }

        // 根据规则形式选择不同，设置规则类型选择框的选项
        if (selectedFormType === 'normal') {
            $('#ruleType').empty().append(
                '<option value="type1">类型1</option>',
                '<option value="type2">类型2</option>' // 根据实际情况添加选项
                // 其他选项
            );
        } else {
            $('#ruleType').empty();
        }
    });

    // 如果需要，可以添加对规则类型选择框的联动逻辑
});

以上代码提供了基本的联动逻辑。你需要根据实际情况调整代码，并添加具体的规则类型与规则结果的映射逻辑。