<html>
<head>
<!-- jquery -->
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<!-- bootstrap -->
<link href="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<!-- bootstrap-select -->
<link href="https://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/js/bootstrap-select.js"></script>
</head>
<body>
<label class="col-md-2 control-label">类型:</label>
<div class="col-md-4">
<select class="form-control selectpicker show-tick" data-live-search="true" id="typeselect">
<option>---请选择---</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<!-- <foreach name="othertype" item="vo">
<option value="{$vo.id}">{$vo.type_name}</option>
</foreach> -->
</select>
</div>
<label class="col-md-2 control-label">商品:</label>
<div class="col-md-4">
<select class="form-control selectpicker show-tick" data-live-search="true" id="otherselect">
</select>
</div>
<script type="text/javascript">
$("#typeselect").change(function(){
let id = $("#typeselect").val();
console.log("123123");
let option= '<option>---请选择---</option>';
for(let i=0;i<5;i++){
option += '<option value="' + i + '">' + i + '</option>';
}
$("#otherselect").html(option);
$(".selectpicker").selectpicker('refresh');
return false;
$.ajax({
url:"",
data:{id:1},
type:'post',
success:function(data){
let option= '<option>---请选择商品---</option>';
for(let i=0;i<5;i++){
option += '<option value="' + i + '">' + i + '</option>';
}
$("#otherselect").html(option);
$(".selectpicker").selectpicker('refresh');
}
})
});
</script>
</body>
</html>