0

私は2つのドロップダウンボックスを持っていますが、実際にはjqueryとajaxを使用してidを呼び出してこの機能を実行しました.1つを選択すると2番目の選択ボックスに表示されますが、私が直面している主な問題は、選択ボックスは、このクラスを使用しないかのように「cho」と呼ばれるクラス名を使用します。明らかに、私の選択ボックスは配線されているように見えるので、そのスタイルが好きです。したがって、結果が表示される2番目の選択ボックスでこのクラスを使用すると、機能は機能しませんが、クラスを使用しない場合は機能するので、私が望むのは、cssクラスを使用して機能も実装したいですすべてのcssファイルをチェックインしましたが、choクラスが見つからないので、私が思うことcss ファイルを変更できない場合は、この問題を解決する方法が jquery にある可能性があります。

これは私の最初の選択ボックスで、選択ボックスとcssが正常に機能しています。

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

2 番目の選択ボックス - 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>

2 つのドロップダウンの 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>

アイテム: sdf ベロゲーマー dsf ブルー

4

2 に答える 2

0

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 呼び出しの後に関数でアラートを使用してみてください。

于 2013-01-15T09:44:48.793 に答える
0

「cho」クラスを見つけるために、firebug または他の同様のツールを試しましたか。このコードも試してください

$("#items").addClass("cho");
于 2013-01-15T09:09:58.573 に答える