0

私はコードイグナイターの初心者です..最初に、私がやろうとしていることをお知らせします。2 つの選択ボックスと 3 つの単純なテキスト ボックスが 1 行に並んでいます。つまり、1 行に 5 つの入力ボックスがあることを意味します。2 番目のドロップダウンの値は、最初のドロップダウン ボックスに基づいて決まります。最初の選択ボックスを選択すると、最初の選択に対する値が2番目のドロップダウンまたは選択ボックスに表示されます..ところで、値はデータベースから動的に取得されます。その後、forループで5行を作成しました..そして今、最初の行の選択ボックスのみが機能しています..他の4行ではありません..ここでユーザーが入力したすべての値を取得したいのは私のビューです

         <tr>
<th>Category:</th>
<th>Items:</th>
<th>Selling Price:</th>
<th>quantity:</th>
<th> total:</th>
</tr>

    <?php for ($i = 0; $i < 5; $i++) {
        ?>
        <tr>
               <td>     


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

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

    </td>           

  <td><?php echo form_input($price); ?> </td>

           <td><?php echo form_input($quantity); ?></td>

           <td> <?php echo form_input($total); ?>
            </td></tr>

   <?php }?></table>

私のJavaScript

   $(document).ready(function(){  
     $('#check').click(function(){
         alert("hello");
         return false;
     });
    $('#category').change(function(){ 
        $("#items > option").remove();
        var category_id = $('#category').val();  
        $.ajax({
            type: "POST",
            url: "stockInController/get_Items/"+category_id, 

            success: function(items) //we're calling the response json array 'cities'
            {
                $.each(items,function(item_id,item_name) 
                {
                    var opt = $('<option />'); 
                    opt.val(item_id);
                    opt.text(item_name);
                    $('#items').append(opt);
                });
            }

        });

    });
});

各選択ボックスに $i の ID を指定する必要がありますが、jquery でこれを行う方法がわかりません ...最初の行だけが他の 4 行では正常に機能していないことを覚えておいてください

4

1 に答える 1

0

このjqueryプラグインを見てください-それはあなたの人生をはるかに楽にします

http://www.appelsiini.net/projects/chained

于 2013-01-18T07:25:26.940 に答える