zoukankan      html  css  js  c++  java
  • 前两天的 jQuery下拉选择菜单 增加了重选提示功能

     前两天的 jQuery下拉选择菜单 写完了

    折腾了好几天 这个菜单终于写完了 在线上应用了 http://csl.cnsoccer.titan24.com/csl_best/ 

    但是 里面还有些问题 比如重选的处理 在最后的版本里面增加了重选的提示 但是 这个提示 应该表现在已选的选项上的

    比如此项目已选 就需要给当前选择做个标记 

    这两天也比较忙 机器系统突然挂了 非常郁闷 先贴上改动的部分 这个功能在表现上还是可以的

    $("#play").find("li li").click(function(){ //选中赋值 同时给隐藏的input赋值
       var sw=false;          
       
    var _this=$(this);
       
    var aim=_this.html();
       
    var span=$("#play").find("span");
       
    for(i=0; i<span.length; i++){

        if(span.eq(i).html()==aim) {sw=1; return;}

        }

       if(!sw){ //没有重的就赋值
        target.html(aim);
        hidinput.val(aim);
        }
    else//如果有重的 就提示
         var temp=target.html();
         
    var warn=$("<strong style='color:#f60'>请勿重选</strong>");
         target.html(
    "");
         warn.appendTo(target);
         setTimeout(
    function(){ //延时消失的提示 并且恢复原来的内容
          warn.hide();
          target.html(temp);
          },
    1500);     
         } 
       
       cur(
    this);
       hideul();

    })

    演示地址 :http://csl.cnsoccer.titan24.com/csl_best/

  • 相关阅读:
    本地存储 localStorage
    正则对象
    面向对象
    事件
    日期对象
    网易适配与淘宝适配
    自动把网页px单位转换成rem
    湖南省web应用软件(中慧杯)
    百度图片审核功能
    百度ai语音识别
  • 原文地址:https://www.cnblogs.com/trance/p/1442161.html
Copyright © 2011-2022 走看看