jQuery用于隐藏除第一列之外的其他列选项（动态）。并点击它显示其他

Question

我遇到了关于jQuery的问题。在我的（codeigniter）视图文件中，我创建了一个完全从数据库中获取数据的列。我想要的是首先放置一个只显示column_one（id：col_1）的jQuery，所有剩余的列都是空白的。当我点击第一列的任何选项时，它会显示第二列选项。

我是jQuery的新手，我想知道我是否能做到这一点。对不起，如果它是一个愚蠢的人提前！

这是我在我的视图文件中尝试的脚本。希望你们都能得到我想要的东西。

脚本：

$('document').ready(function()) {
var link = "<?php echo base_url(); ?>" ;

//click cat_1, get cat_2
$('#cat_1').click(function() {

    var cat_1 = $(this).val();


// getting data of cat_level_2 from cat_1

$.post(link + 'admin/admin_cat/category/cat_level_2' , {cat_1:cat_1}, function(data)
    {
       $('#cat_3').html('');
       $('#cat_level_4').html('');
       $('#cat_2').html(data);
    });
});       


$('#cat_2').click(function(){
var cat_2 = $(this).val();


// getting data of cat_level_2 from cat_1

$.post(link + 'admin/admin_cat/category/cat_level_3 ' , {cat_2:cat_2}, function(data)
        {
           $('#cat_3').html(data);
           $('#cat_level_4').html('');

        });
});       
}     

这里我在视图文件中创建了一个列。这是从数据库中获取数据。

列：

<div class="category-col">
                        <select size="15" name='cat_1' id='cat_1'>



                        <?php foreach ($dropdown as  $cat_1) ?>
                        <?php  { ?>

                            <option
                                value=" <?php echo form_dropdown('cat_level', $dropdown);?> ">
                            </option>

                            <?php  } ?>

                        </select>
                    </div>
                    <script type="text/javascript">


                    </script>

                    <div class="category-col">

                        <select size="15" name='cat_2' id='cat_2'>




                        <?php if(isset($cat_level_2) && $cat_level_2 != false){ ;?>

                        <?php foreach ($cat_level_2 as  $cat_2)  {?>

                            <option value="">
                            <?php echo $cat_2; ?>
                            </option>

                            <?php } }?>


                        </select>

                    </div>

                    <div class="category-col">
                        <select size="15" name='cat_3' id='cat_3'>

                        <?php if(isset($cat_level_3) && $cat_level_3 != false){ ;?>

                        <?php foreach ($cat_level_3 as  $cat_3)  {?>

                            <option value="">
                            <?php echo $cat_3; ?>
                            </option>

                            <?php } }?>

                        </select>
                    </div>

感谢您的同意！