级联下拉框Razor页面

要在Razor页面中创建级联下拉框，可以按照以下步骤进行：

1. 在Razor页面中，添加两个下拉框元素，并为它们分别设置一个唯一的ID。

<select id="firstDropdown">
    <option value="">请选择</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
</select>

<select id="secondDropdown">
    <option value="">请选择</option>
</select>

2. 使用JavaScript/jQuery代码，当第一个下拉框的选项发生改变时，动态加载第二个下拉框的选项。

<script>
    $(document).ready(function () {
        $('#firstDropdown').change(function () {
            var selectedValue = $(this).val();
            $('#secondDropdown').empty(); // 清空第二个下拉框的选项

            // 根据第一个下拉框的选项值，动态加载第二个下拉框的选项
            if (selectedValue === '1') {
                $('#secondDropdown').append('<option value="1">选项1-1</option>');
                $('#secondDropdown').append('<option value="2">选项1-2</option>');
            } else if (selectedValue === '2') {
                $('#secondDropdown').append('<option value="3">选项2-1</option>');
                $('#secondDropdown').append('<option value="4">选项2-2</option>');
            } else if (selectedValue === '3') {
                $('#secondDropdown').append('<option value="5">选项3-1</option>');
                $('#secondDropdown').append('<option value="6">选项3-2</option>');
            }
        });
    });
</script>

3. 根据实际需求，修改JavaScript代码中加载第二个下拉框选项的逻辑。

这样，当用户在第一个下拉框中选择一个选项时，第二个下拉框的选项将会被动态加载并显示出来。