zoukankan      html  css  js  c++  java
  • mui 关键词查询

    <div class="pop-schwrap">
    <div class="ui-scrollview">
    <div class="mui-bar mui-bar-nav clone">
    <a class="btn btn-back" href="javascript:;"></a>
    <div class="top-sch-box flex-col">
    <div class="centerflex">
    <input class="sch-input mui-input-clear" type="text" name="" id="search-keyword" placeholder="万千优惠券等待您去发现" />
    </div>
    </div>
    <a class="mui-btn sch-submit" href="javascript:void(0)" onclick="searchGood()">搜索</a>
    </div>
    <div class="scroll-wrap">
    <div class="mui-scroll">
    <div class="sch-cont">
    <div class="section ui-border-b">
    <div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
    <div class="tags">
    <span class="tag" name="tag-keyword">外套</span><span class="tag" name="tag-keyword">连衣裙</span><span class="tag">运动鞋</span><span class="tag" name="tag-keyword">睡衣</span>
    <span class="tag" name="tag-keyword">面膜</span><span class="tag" name="tag-keyword">保健</span><span class="tag">皮鞋</span><span class="tag" name="tag-keyword">西装</span>
    <span class="tag" name="tag-keyword">棉服</span><span class="tag" name="tag-keyword">手套</span><span class="tag" name="tag-keyword">口红</span>
    </div>
    </div>
    <div class="section">
    <div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
    <div class="tags">
    <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
    <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
    <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span>
    </div>
    </div>
    </div>
    <div class="sch-clear">
    <a href="javascript:void"><i class="iconfont icon-shanchu"></i>清除搜索历史</a>
    </div>
    </div>
    </div>
    </div>
    </div>

    var btns = document.getElementsByTagName("span");
    for(var i = 0; i < btns.length; i++) {
    btns[i].onclick = function(){
    var classname = btns[i].getAttribute('class');
    if(classname == 'tag'){
    $('#search-keyword').val(this.innerHTML);
    }
    }
    }
    function searchGood(){
    if($('#search-keyword').val() == ''){
    mui.toast('查询关键词为空');
    }else{
    mui.ajax(__test_api_url+'/Tbk/optionalMaterial', {
    data:{
    'token':__tbk_token,
    'page':1,
    'adzoneId':__adzone_id,
    'keyword':$('#search-keyword').val(),
    },
    dataType: 'json',
    type: 'post',
    async: false,
    headers: {'Content-Type': 'application/json'},
    success: function (jsondata) {
    console.log(jsondata);
    },
    });
    }
    }

  • 相关阅读:
    [原创]java WEB学习笔记06:ServletContext接口
    [原创]java WEB学习笔记05:Servlet中的ServletConfig对象
    [原创]java WEB学习笔记04:Servlet 简介及第一个Servlet程序(配置注册servlet,生命周期)
    [原创]java WEB学习笔记03:使用eclipes开发javaWEB项目
    [原创]关于tomcat启动时时候端口被占用,8080,8005,8009
    Maven 设置本地仓库的地址
    JavaScript 传递参数为数字类型的字符串
    JQuery Radio
    MySQL lpad cast ifnull regexp
    MYSQL变量
  • 原文地址:https://www.cnblogs.com/daochong/p/10281400.html
Copyright © 2011-2022 走看看