Question

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

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

第1列的脚本：

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

第2列的脚本：

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

HTML / PHP：

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

默认情况下隐藏第二列值，并显示OnClick第一列值

0 个答案: