
一款功能齐全的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>










暂无评论内容