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

你可能感兴趣的:(jquery)