根据之前的下拉菜单显示第二个下拉菜单 .in Codeigniter

Question

我有两个下拉框，实际上我通过调用一个 id 使用 jquery 和 ajax 完成了这个功能，如果我选择一个东西，它将出现在第二个选择框中，但我面临的主要问题是我使用的是一个选择框使用一些名为“cho”的类名的模板，就好像我不使用这个类显然我的选择框看起来是有线的，所以我喜欢它的风格。所以如果我在我的第二个选择框中使用这个类，结果display 那么该功能将不起作用，但如果我不使用该类，那么它将起作用，所以我想要的是： 我也想使用 css 类并实现功能我检查了每个 css 文件但我找不到 cho 类所以我认为如果我不能更改 css 文件可能有 jquery 中的方法我会解决这个问题。

这是我的第一个选择框，选择框和 css 工作正常。

<?php echo form_dropdown('cat_id', $records2, '#', 'id="category" class =  "cho"');?>

第二个选择框 - 没有 css ..功能成功

   <?php echo form_dropdown('item_id', $records3, '#', 'id="items"'); ?>

使用 css--功能不起作用，但 css 可以：

   <?php echo form_dropdown('item_id', $records3, '#', 'id="items" class = "cho"'); ?>

我的javascript：

<script type="text/javascript">// <![CDATA[
    $(document).ready(function(){       
        $('#category').change(function(){ 
            $("#items > option").remove(); 
            var category_id = $('#category').val();  
            $.ajax({
                type: "POST",
                url: "stockInController/get_Items/"+category_id, 

                success: function(items) 
                {
                    $.each(items,function(item_id,item_name) 
                    {
                        var opt = $('<option />'); 
                        opt.val(item_id);
                        opt.text(item_name);
                        $('#items').append(opt); 
                    });
                }                 
            });             
        });
     });        
 </script>

两个下拉列表的html文件源

   <div class="controls">
 <select name="cat_id" id="category" class = "cho">
         <option value="1">jeans</option>
         <option value="2">shirts</option>
     </select>
     <br />
   </div>
</div>

项目： 自卫队 贝洛 游戏玩家 dsf 蓝色的

Answer 1

您是否尝试过 firebug 或任何其他类似工具来找出您的“cho”类。也试试这个代码

$("#items").addClass("cho");

Answer 2

OK 尝试通过名称选择：

   <script type="text/javascript">// <![CDATA[
$(document).ready(function(){       
    $('#category').change(function(){ 
        $('select[id="items_chzn"] > option').remove(); 
        var category_id = $('#category').val();  
        $.ajax({
            type: "POST",
            url: "stockInController/get_Items/"+category_id, 

            success: function(items) 
            {
                $.each(items,function(item_id,item_name) 
                {
                    var opt = $('<option />'); 
                    opt.val(item_id);
                    opt.text(item_name);
                    $('select[id="items_chzn"]').append(opt); 
                });
            }

        });

    });
 });




        </script> 

如果您仍然遇到问题，请尝试在 ajax 调用后在函数中使用警报。