> 父類目 **select1**
> 子類別 **select2**
*****
```
<div class="control-group">
<label class="control-label" >進件行業類目</label>
<div class="controls">
<select class="selectl select1" lay-verify="required" >
<option value="">請選擇類目</option>
<volist name="mccjc" id="vo">
<option value="{$vo.id}">{$vo.name}</option>
</volist>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" >進件行業類別</label>
<div class="controls">
<select class="selectl show-tick form-control select2" name="mcc_jc_id">
<option value="">請先進件行業類目</option>
</select>
</div>
</div>
```
*****
```
<script type="text/javascript">
//進件分類
$(function(){
$('.select1').click(function(){
$(this).change(function(){
var pid = $(".select1 option:selected").val();
$.post('{:U("addmcc")}',{pid:pid},function (data) {
console.log(data)
var html="<option style='color: #ccc;'>請選擇</option>";
$(".select2").empty();
$.each(data,function(k,v){
if(v.name !== undefined){
html += "<option value="+v.id+">"+v.name+"</option>";
}
});
$(".select2").append(html);
});
});
}
);
});
</script>
```
