前两天的 jQuery下拉选择菜单增加了重选提示功能

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_30917213

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/trance/archive/2009/04/23/1442161.html

本文介绍了一个使用jQuery实现的下拉选择菜单，并针对重选问题进行了优化处理，加入了提示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前两天的 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/

转载于:https://www.cnblogs.com/trance/archive/2009/04/23/1442161.html