组件 | select组件 | ||||
功能说明 | 基于jQuery的美化select框的插件,其特点如下: 1、开发人员开发时完全按照原有的select写法书写即可; 2、继承select框的所有事件触发机制 |
||||
使用说明 | 1.引入如下js文件 <script type=”text/javascript” src=”/js/ecology8/jNice/jNice/jquery.jNice_wev8.js”></script> <link rel=”stylesheet” href=”/js/ecology8/selectbox/css/jquery.selectbox_wev8.css” type=”text/css” /> |
||||
2、按如下格式编写代码: 在合适的时机调用beautySelect()方法进行美化,若不想美化某些select框,那么请在select框上增加如下属性: notBeauty=true |
|||||
运行效果图 | |||||
|
|||||
例子 | 例子:http://192.168.4.44:8080/web/query.jsp | ||||
API | http://www.bulgaria-web-developers.com/projects/javascript/selectbox/ | ||||
组件初始化参数 | 是否必须 | 类型 | 描述 | ||
对组件提供了以下功能函数 | |||||
方法1 | 返回类型 | 描述 | |||
__jNiceNamespace__.beautySelect | 无 | 对select框进行美化 | |||
方法参数 | 是否必须 | 类型 | 描述 | ||
selector | 否 | string | jQuery selector | ||
方法2 | 返回类型 | 描述 | |||
jQuery(“select”).selectbox | 无 | 绑定,解绑,禁用,启用select框 | |||
方法参数 | 是否必须 | 类型 | 描述 | ||
options | 否 | string | disable:禁用select框; enable: 启用select框; detach: 解除select框美化; hide: 隐藏select框; show: 显示select框; toggle: 显示或者隐藏select框; change:改变select的选中值(target,value,text) option:get or set option的值(target,name,value),如果不给定value,那么就返回option的值。 |
转载请注明:赫非域 » ecology开发之select组件