フォームコードを通常の選択ボックスに変換しようとしています..しかし、それは通常の選択ボックスではなくform_dropdownで機能します..私は何か間違ったことをしていると思います..実際、私はコードイグナイターが初めてです..
これは私の2つのドロップダウン選択ボックスです.ロジックは実際には、前のドロップダウンに基づいて2番目のドロップダウンにオプションを表示するように実装されています..
<!-- 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 -->
アイテムはカテゴリに基づいて提供されます..これら2つの選択ボックスまたはドロップダウンボックスを通常の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"});
}
});
});
});