下拉框搜索商品类型方法

布局

<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");