代码点火器将表单下拉列表转换为常规选择框

时间:2013-01-16 09:48:30

标签: php jquery ajax codeigniter dropdownbox

我正在尝试将我的表单代码转换为常规选择框..但它在form_dropdown中工作,而不是在常规选择框中..我认为我做错了什么..实际上我是新代码点火器..

这是我的两个下拉选择框..逻辑实际上是以这种方式实现的,它显示了基于前一个下拉列表的第二个下拉列表中的选项..

                 <!-- Categories -->
        <?php $items['#'] = 'Please Select'; ?>

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


        <!-- end of Categories -->

        <!-- Items -->
        Items: </label>

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


        <!-- end of Items -->

项目基于类别..我只是希望他们将这两个选择或下拉框转换为常规的html方式..

这是我的javascript

       <script type="text/javascript">// <![CDATA[
         $(document).ready(function(){       
            $('#category').change(function(){ 

        if (document.getElementById('items_chzn') != undefined) {
            $("#items_chzn").remove();
            $("#items").attr("class","");
            //$("#items").show();         
        }

        $("#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); 
                });

                //alert("applying plugin");
                $('#items').chosen({no_results_text: "No results matched"});
            }

        });

    });
  });

1 个答案:

答案 0 :(得分:0)

为什么要将它改为常规的html方式..当你以CI的方式工作时......反正

试试这个

<强>类别

 <select name="cat_id" id="category"  class = "cho">
   <?php foreach($records2 as $row){?>  //loop through your categories option  here
     <option value="<?php echo $row['value']?>"><?php echo $row['text']?></option>
  <?php } ?>
 </select>

项目

 <select name="item_id" id="items" class="cho">
  //optional <?php foreach($records3 as $row){?>  //since this is dynamic i don't think u need options here
     <option value="<?php echo $row['value']?>"><?php echo $row['text']?></option>
  <?php } ?> // optional ends
 </select>

<强>更新

表示CI表格多选

$selectmultioption= array('//value1 of option you want to select', '//value2 of option you  want to select');
<?php echo form_multiselect('cat_id[]', $records2, $selectmultioption ,'id="category"  class = "cho"');?>