У меня есть два раскрывающихся окна, на самом деле я выполнил эту функцию, используя jquery и ajax, вызывая идентификатор, который, если я выберу одну вещь, появится во втором поле выбора, но главная проблема, с которой я сталкиваюсь, заключается в том, что я использую шаблон, select box использует какое-то имя класса, называемое «cho», как если бы я не использовал этот класс, очевидно, что мой select box выглядит проводным, поэтому мне нравится его стиль. Поэтому, если я использую этот класс во втором поле выбора, в котором отображается результат, функциональность не работает, но если я не буду использовать класс, то он будет работать так, что я хочу: я хочу использовать класс css и реализовать функциональность, которую я проверил в каждом файле css, но я не могу найти чо-класс, так что я думаю что если я не могу изменить файл css, возможно, в jquery есть способ решить эту проблему.
Это мой первый поле выбора, где select box и 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>
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 bello gamer dsf blue