美文网首页JavaScript
下拉框搜索商品类型方法

下拉框搜索商品类型方法

作者: LuckyS007 | 来源:发表于2017-05-04 16:47 被阅读13次

布局

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

相关文章

  • 下拉框搜索商品类型方法

    布局 脚本 直接调用就好

  • 下拉框中搜索词高亮/搜索内容关键字高亮

    关键 名字的显示/下拉框显示用到v-html 下拉框 高亮方法 搜索内容高亮 在调用后台接口得到搜索数据时，把数据...

  • 怎样写产品标题？

    寻找核心词：搜索下拉框、商品热搜词、推广关键词推荐、竞品标题参考、第三方数据软件。 标题组合方式：下拉框词+核心词...

  • easyui常用方法

    1、下拉框“商品列表”实现 2、下拉框“客户列表”实现 3、下拉框“系统用户”实现 4、下拉框“物流公司”实现

  • 下拉框搜索功能的实现

    下拉框搜索功能的实现。首先我们先做一个下拉框 写入按钮触发事件,loadAjax方法事先已经封装好在pagingJ...

  • selenium之定位下拉框（Select）

    1. 定位