<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>美化Select</title>
<script type="text/javascript" src="select.js"></script>
<style type="text/css">
select{width:200px;height:20px;}
</style>
</head>
<body>
<select id="province" name="province">
<option value="1">江西</option>
<option value="2">福建</option>
<option value="3">广东</option>
<option value="4">浙江</option>
</select>
<script type="text/javascript">
window.onload=function(){
loadSelect(document.getElementById('province'));
}
</script>
</body>
</html>
JS部分参考附件。
效果图:
分享到:
相关推荐
基于jquery的美化select插件,主要方便在不改动项目的情况下,美化select,也可以解决兼容性。
jQuery美化Select下拉框是一款适用于后台管理功能表单下拉框选择代码。 select -- name 可以接收选择的值【用于表单提交 名称自定义】 option -- 1. value 传给后台的参数 1. selected 设置默认...
用jquery美化select下拉框,给select加样式
一款比较好用的JQ美化SELECT插件,兼容IE6-11 FF CHROME 等多款浏览器
之前我们分享过很多款非常漂亮而且实用的jQuery美化版Select下拉框插件,比如...今天我们要给大家介绍另一款基于jQuery的自定义美化Select下拉框插件,它的配置十分简单,引用插件库后用几行jQuery代码初始化即可。
JS+CSS和图片美化select下拉列表选择框
在jQuery基础上,美化select,自定义函数,不影响原先取值和增删改的操作
NULL 博文链接:https://javasam.iteye.com/blog/1978459
jQuery美化Select下拉菜单插件
jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好).zip
图片美化Select下拉框及Input文本框效果,select新样式,使用了htc文件,因此在兼容性方面,仅支持IE内核的浏览器,火狐、傲游可能有些问题。本美化效果包括3个表单元素: 1、select下拉按钮的新样式 2、文本框...
一款html5表单样式美化select单选框表单提交代码.zip 一款html5表单样式美化select单选框表单提交代码.zip 一款html5表单样式美化select单选框表单提交代码.zip
之前我向大家分享过一款非常绚丽的CSS3发光表单,的确是很酷,大家可以先看看。...表单整体看上去很干净,特别的是,该CSS3联系表单有一个自定义的美化select表单,表单项在被激活的时候边框颜色会改变。
主要是通过jquery chosen插件,实现select多选的美化效果,该控件使用简单
div css模拟美化的Select样式
该js主要是更具自己项目的实际情况+css样式,美化select下拉框,可提供参考