Php 默认情况下隐藏第二列值，并单击显示的第一列值

我需要隐藏从第一列和第二列数据库中动态获取的第二列值。我所做的只是加载页面或刷新第二列值的操作应该是不可见/隐藏的。只要我点击第一列的任何选项，它就会显示第二列的值

下面是一些代码。我已经尝试过使用jQuery，但是我想要的东西无法实现。实际上，当我单击第一个列时，它会显示两个列的值，但会隐藏第二个：/。 有人可以帮我：/。我有点困惑。谢谢你的帮助

第1列的脚本：

第2列的脚本：

HTML/PHP：

---

PHP、HTML和JS的混合，复制JS代码点击事件处理程序，在内部-好吧，这一切都比混淆更复杂。var cat_1=alert$this.val；不正确，它必须是var cat_1=$this.val；。如果浏览器中隐藏了内部为空的HTML，请尝试在其中保留一个默认值。类似$'cat_2'.html；我也看不到您在任何地方使用接收到的数据。

<script>
    $(document).ready(function(){
        var link = "<?php echo base_url(); ?>";
        $('#cat_1').click(function(){
            var cat_1 = alert($(this).val());
            $.post(link + 'admin/admin_cat/category/cat_level_2' , {cat_1:cat_1}, function(data)
            {
                $('#cat_3').html('');
                $('#cat_4').html('');
                $('#cat_2').html('');
            });
        });
    });
    </script>

<script>
        $(document).ready(function(){
            var link = "<?php echo base_url(); ?>";
            $('#cat_2').click(function(){
                var cat_2 = alert($(this).val());
                $.post(link + 'admin/admin_cat/category/cat_level_3' , {cat_2:cat_2}, function(data)
                {
                    $('#cat_3').html('');
                    $('#cat_4').html('');
                });
            });
        });
    </script>

<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>

<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>