布局
<div class="form-group">
<label for="goods_type">商品类型：</label>
<select name="typeName" class="form-control pro-type" type="select" value="">
</select>
</div>
脚本
/* 产品类型下拉框
*selector 选择器
*/
function ProductTypeSelect(selector) {
$.get('/v1/product/type').done(function(arr) {
var ops = arr.map(function(i) {
var op = $('<option></option>');
op.val(i.name);
op.text(i.name);
return op;
});
ops.unshift($('<option value="">全部</option>'));
$(selector).html(ops);
});
// 返回一系列操作，暂无
return {};
}
直接调用就好
new ProductTypeSelect(".pro-type");
