jQuery Select下拉框菜单选择插件

jQuery Select下拉框菜单选择插件-精品资源网
jQuery Select下拉框菜单选择插件
此内容为免费资源,请登录后查看
0
免费资源

jQuery Select下拉框菜单选择插件

一款功能齐全的jQuery Select下拉框菜单选择插件,支持设置多选,单选,分组选择,禁用,搜索等常用的下拉框菜单选择功能。

js代码

<script>var beforeload = (new Date()).getTime();</script>
<script type=\"text/javascript\" src=\"js/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"js/jQuery.UCSelect.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function() {
	for(var i=0; i<1000; i++){
		$(\'select[name=1]\').append(\'<option value=\"UC\'+i+\'\">\'+i+\'</option>\')
	}
	$(\'select[name=1]\').UCFormSelect();
	$(\'select[name=2]\').UCFormSelect();
	$(\'select[name=3]\').UCFormSelect();
	$(\'select[name=4]\').UCFormSelect();
	$(\'.set\').click(function(){
	$(\'select[name=1]\').val(($(\'select[name=1]\').find(\'option\').eq($(\'select[name=1]\')[0].selectedIndex+1).val())).trigger(\"change\");
})
$(\'.mtp\').click(function(){
	if($(\'select[name=1]\').attr(\'multiple\')){
		$(this).text(\'设为多选\')
		$(\'select[name=1]\').attr(\'multiple\',false).UCFormSelect()
	} else {
		$(this).text(\'设为单选\')
		$(\'select[name=1]\').attr(\'multiple\',true).UCFormSelect()
	}
})
$(\'.mtpset\').click(function(){$(\'select[name=1]\').val([\'UC40\',\'UC80\',\'UC10\',\'UC65\']).trigger(\"change\")})
$(\'.get\').click(function(){
	var val=\'\'
	$(\'select[name=1]\').find(\"option:selected\").each(function(){
		val+=val==\'\'?$(this).text():\', \'+$(this).text()
	});
	alert(val)
})
$(\'.on\').click(function(){$(\'select[name=1]\').UCFormSelect()})
$(\'.off\').click(function(){$(\'select[name=1]\').UCFormSelect(\'destroy\')})
$(\'.en\').click(function(){$(\'select[name=1]\').UCFormSelect(\'enable\')})
$(\'.di\').click(function(){$(\'select[name=1]\').UCFormSelect(\'disabled\')})
$(\'.op\').click(function(){$(\'select[name=1]\').UCFormSelect(\'open\')})
$(\'.cl\').click(function(){$(\'select[name=1]\').UCFormSelect(\'close\')})
	function getPageLoadTime(){
 
        var afterload = (new Date()).getTime();
 
        seconds = (afterload-beforeload) / 1000;
 
        $(\'#runtime\').text(\'页面加载用时:  \' + seconds + \' sec(s).\');
 
}
 
window.onload = getPageLoadTime;
});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容