首页 文章

显示基于先前下拉列表的第二个下拉列表 . 在代码点火器中

提问于
浏览 次
0

我有两个下拉框，实际上我通过使用jquery和ajax通过调用id来完成此功能，如果我选择一个它将出现在第二个选择框但我面临的主要问题是我使用的模板选择框使用一些名为“cho”的类名，好像我不使用这个类显然我的选择框看起来有线所以我喜欢它的样式 . 所以如果我在我的第二个选择框中使用这个类，结果显示然后功能不会工作，但如果我不使用该类，那么它将工作所以我想要的是：我想使用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>
     

   </div>
</div>

项目：sdf bello gamer dsf blue

php jquery css ajax codeigniter

2 回答

  • 0

    你有没有尝试过firebug或任何其他类似的工具来找出你的'cho'课程 . 也尝试这个代码

    $("#items").addClass("cho");
    回复于
  • 0

    确定尝试通过名称选择：

    <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调用后使用函数中的警报 .

    回复于

相关问题