我创建了一个下拉菜单类型'select picker'。这个列表是从一个jQuery调用的控制器函数中打印出来的。
菜单已被调用,结果显示良好。问题是下拉菜单显示为无样式,如果选择另一个选项,则不会交互。
- 选择选取器打印到下面的div中,ID为[itemresult]
HTML语言
<form id="myWHForm" action="" method="post" class="form-horizontal" >
<input type="hidden" name="txtItemId" value="0">
<div id="itemresult"></div>
<div class="form-group">
<label for="warehouse" class="label-control col-md-3">Warehouse</label>
<div class="col-md-8">
<select class="selectpicker" required data-show-subtext="true" data-live-search="true" name="Warehouse" id="Warehouse">
<?php foreach($wh as $w):?>
<option value= "<?php echo $w->w_id;?>" ><?php echo $w->w_name;?></option>
<?php endforeach;?>
</select>
</div>
</div>
</form>
jQuery/ AJAX [从控制器中获取下拉菜单,如果选中了选择器的某个选项,则执行另一个操作]
$(function() {
load_item_data();
function load_item_data() {
$.ajax({
url: "<?php echo base_url(); ?>ItemSettings/load_item_data",
method: "POST",
success:function (data) {
$('#itemresult').html(data);
}
})
}
$('#item_wh').change(function(){
var wh_result = $(this).val();
//$(#item_wh).val();
if(wh_result != '')
{
load_wh_data(wh_result);
}
});
});
主计长
function load_item_data(){
$output = '';
$data = $this->m->load_item_data();
$output .='<div class="form-group">
<label for="item" class="label-control col-md-3">Item</label>
<div class="col-md-8">
<select class="selectpicker" required data-show-subtext="true" data-live-search="true" name="item_wh" id="item_wh">
<option disabled selected>Select Item</option>
';
if($data->num_rows() > 0)
{
foreach($data->result() as $row)
{
$output .='
<option value ="'.$row->s_id.'">'.$row->s_name.'</option>
';
}
}
$output.='
</select>
</div>
</div>
';
echo $output;
}
1条答案
按热度按时间bkhjykvo1#
由于下拉菜单是动态生成的,请按以下方式更改您的脚本功能