美化 - DropDownList控件
地址:http://www.baidufe.com/component/dropdownlist/index.html
效果:
引用JS文件:
<link href="Js/DropDownList/dropdownlist.css" rel="stylesheet" />
<script src="Js/DropDownList/dropdownlist.js"></script>
JavaScript代码:
<script type="text/javascript">
$(document).ready(function () {
// 通过原生select控件创建自定义下拉框
var ddl_picture = DropDownList.create({
select: $('#ddl_picture'),
attrs: {
column: 4,
width: 150
}
});
// 通过原生select控件创建自定义下拉框
var ddl_picture = DropDownList.create({
select: $('#ddl_picture_2'),
attrs: {
column: 4,
width: 150
}
});
// 通过原生select控件创建自定义下拉框
var ddl_picture = DropDownList.create({
select: $('#ddl_picture_3'),
attrs: {
column: 5,
width: 150
}
});
})
</script>
Html代码:
<table>
<tr> <td >
<select id="ddl_picture">
<option value="d1" selected="selected">松园一号</option>
<option value="d2">松园二号</option>
<option value="d3">松园三号</option>
<option value="d4">松园四号</option>
</select>
</td> <td style ="padding-left:10px;">
<select id="ddl_picture_2">
<option value="f1" selected="selected">一层</option>
<option value="f2">二层</option>
<option value="f3">三层</option>
<option value="f4">四层</option>
</select>
</td>
<td style ="padding-left:10px;">
<select id="ddl_picture_3">
<option value="r1" selected="selected">446</option>
<option value="r2">447</option>
<option value="rf3">448</option>
<option value="r4">449</option>
<option value="r2">447</option>
<option value="rf3">448</option>
<option value="r4">449</option>
<option value="r2">447</option>
<option value="rf3">448</option>
<option value="r4">449</option>
<option value="r2">447</option>
<option value="rf3">448</option>
<option value="r4">449</option>
</select>
</td>
</tr>
</table>
美化 - DropDownList控件的更多相关文章
- DropDownList控件
1.DropDownList控件 <asp:DropDownList runat="server" ID="DropDownList1" AutoPost ...
- DropDownList 控件不能触发SelectedIndexChanged 事件
相信DropDownList 控件不能触发SelectedIndexChanged 事件已经不是什么新鲜事情了,原因也无外乎以下几种: 1.DropDownList 控件的属性 AutoPostBac ...
- 三级联动---DropDownList控件
AutoPostBack属性:意思是自动回传,也就是说此控件值更改后是否和服务器进行交互比如Dropdownlist控件,若设置为True,则你更换下拉列表值时会刷新页面(如果是网页的话),设置为fl ...
- c#中DropDownList控件绑定枚举数据
c# asp.net 中DropDownList控件绑定枚举数据 1.枚举(enum)代码: private enum heros { 德玛 = , 皇子 = , 大头 = , 剑圣 = , } 如果 ...
- DropDownList 控件
今天打算学习下dropdownlist控件的取值,当你通过数据库控件或dataset绑定值后,但又希望显示指定的值,这可不是简单的值绑定就OK,上网搜了一些资料,想彻底了解哈,后面发现其中有这么大的奥 ...
- DropDownList控件学习
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- 客户端用JavaScript填充DropDownList控件 服务器端读不到值
填充没有任何问题,但是在服务器端却取不出来下拉表中的内容.页面代码如下. <form id="form1" runat="server"> < ...
- DropDownList 控件的SelectedIndexChanged事件触发不了
先看看网友的问题: 根据Asp.NET的机制,在html markup有写DropDownList控件与动态加载的控件有点不一样.如果把DropDownList控件写在html markup,即.as ...
- 在FooterTemplate内显示DropDownList控件
如果想在Gridview控件FooterTemplate内显示DropDownList控件供用户添加数据时所应用.有两种方法可以实现,一种是在GridView控件的OnRowDataBound事件中写 ...
随机推荐
- Tomcat 内存设置
大型项目或者使用了SSH 的话, Tomcat 可能会报 java.lang.OutOfmemoryError: PermGen Space Windows: 在 bin/catlina.bat 最上 ...
- USACO Money Systems Dp 01背包
一道经典的Dp..01背包 定义dp[i] 为需要构造的数字为i 的所有方法数 一开始的时候是这么想的 for(i = 1; i <= N; ++i){ for(j = 1; j <= V ...
- iOS XMPP之常见错误一:(<failure xmlns="urn:ietf:params:xml:ns:xmpp-sasl"><not-authorized/></failure>)
在XMPP开发中,使用XMPPStream进行连接服务器后,验证过程中,比较常见的一个错误是 <failure xmlns="urn:ietf:params:xml:ns:xmpp-s ...
- sobel流水线操作Verilog程序
sobel算子的verilog实现,采用了流水线操作 module sobel_computer ( clock , reset, OrigDataEn, //SobelAluEn, OrigData ...
- 一个开源Delphi分类组件推荐网页
https://github.com/Fr0sT-Brutal/awesome-delphi
- 【引用】Linux 内核驱动--多点触摸接口
本文转载自James<Linux 内核驱动--多点触摸接口> 译自:linux-2.6.31.14\Documentation\input\multi-touch-protocol.t ...
- SQL SERVER 2008R2sp1配置Database Mail –用SQL 数据库发邮件
步骤1)创建配置文件和帐户 看图片吧,挺简单的: 中间略过的一些步骤,就点下一步即可. 下面我们测试一下: Step 2)配置邮件: 在完成账户和配置文件创建之后,我们需要配置Database Mai ...
- JavaScript下全选反选的Demo程序里实现checkmeonly函数 DOM
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JVM --需要知道的一些术语
1. Java堆中各代分布: Young:主要是用来存放新生的对象. Old:主要存放应用程序中生命周期长的内存对象. Permanent:是指内存的永久保存区域,主要存放Class和Meta的信息, ...
- 运行复制的ZooKeeper 部署
运行复制的ZooKeeper 运行ZooKeeper 在一个独立模式下是方便评估的, 一些开发,和测试. 但是在生产,你应该运行ZooKeeper 在复制模式.一个复制的servers group 在 ...