更新第二个下拉列表，从第一个下拉列表获取数据

Question

我成功使用json检索了数据，但是很难将这些值放在下拉菜单中。

 CREATE VIEW view_name AS
  SELECT col1,col2,col3 -- select your needed column
 FROM  FROM shipper join supplier on shipper.user_id=supplier.user_id
 join quiz on shipper.user_id=quiz.owner_id --use proper join key

这是我的控制器代码：

    <script>
    $(document).ready(function () {
        $('.add_new').click(function () {
            //$('#form_edit').trigger('reset');
            $('#modal-default').modal('show');
        });
        $('#catselect').on('change', function () {
            var catChange = $(this).val();
            $.ajax({
                url: 'SectionControl/SectionControl/categorywiseclass?id=' + catChange,
                method: 'GET',
                data: '',
                dataType: 'json',
                success: function (classselect) {
                    console.log(classselect);
                    //classselect=JSON.parse(classselect);
                    $('#classselect').empty();
                    $.each(classselect, function () {
                        $('#classselect').append('<option> Class' + " " + classselect.class + '</option>');
                    });
                }
            });
        });
    })
</script>

我提交时可以正确获取数据。但是我不能将其放在选项标签中。