html下拉列表的效果（求一个html 下拉列表框）

本文目录

• 求一个html 下拉列表框
• html中怎样实现具有下拉效果的多选框
• html如何做下拉的可多选的复选框列表

求一个html 下拉列表框

《%@ Import Namespace="System.Data"%》
《%@ Import Namespace="System.Data.SqlClient" %》
《script language="C#" runat="server"》
void page_Load()
{
string mystring = DateTime.Now.Year.ToString();
int i = int.Parse(mystring);
for (int i2 = 2000; i2 《= i + 1; i2++)
{
string mystring2 = i2.ToString();
test.Items.Add(mystring2);
}
}
《/script》
***隐藏网址***
***隐藏网址***
《head》
《title》个人网站《/title》
《/head》
《body》
《form runat="server"》
《asp:DropDownList ID="test" runat="server" /》
《/form》
《/body》
《/html》
呵呵！行不行啊！
html：
《body》
《form id="form1" name="form1" method="post" action=""》
《select name="select" id="select"》
《option value="2000"》2000《/option》
《option value="2001"》2001《/option》
《option value="2002"》2002《/option》
《option value="2003"》2003《/option》
《option value="2004"》2004《/option》
《option value="2005"》2005《/option》
《option value="2006"》2006《/option》
《option value="2007"》2007《/option》
《option value="2008"》2008《/option》
2000
《/select》
《/form》
《/body》
好好学习，天天向上！

html中怎样实现具有下拉效果的多选框

select标记有一个属性multiple，将其设置成multiple="multiple"按住Ctrl键即可实现多选。 请看例子：
《html》
《head》
***隐藏网址***
《title》无标题文档《/title》
《/head》
《script language="javascript"》
function getValue()
{
var s = "";
for(var i=0;i《form1.ss.options.length;i++)
{
if(form1.ss.options.selected)
{
s+=form1.ss.options.value;
}
}
alert(s);
}
《/script》
《body》
《form id="form1" name="form1" method="post" action=""》
请选择：
《select id="ss" name="ss" size="5" multiple="multiple"》
《option value="1"》1《/option》
《option value="2"》2《/option》
《option value="3"》3《/option》
《option value="4"》4《/option》
《option value="5"》5《/option》
《option value="6"》6《/option》
《option value="7"》7《/option》
《option value="8"》8《/option》
《/select》
《br》
《input type="button" name="Submit" value="提交" onclick="getValue()" /》
《/form》
《/body》
《/html》
**************************补充**********************
修改select标签的size属性，把它的值改为1即可。

html如何做下拉的可多选的复选框列表

下面是我做的一个范例，你可以参考一下
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》自定义表单1 - powered by dedecms《/title》
《link href="img/nspage.css" rel="stylesheet" type="text/css" /》
《script language="javascript" src="../include/dedeajax2.js"》《/script》
《/head》
《body》
《div class="main mceneter"》
《div class="toplogo"》
《div class="logo"》
《a href="/"》《img src="/templets/default/images/logo.gif" /》《/a》
《/div》
《div class="title"》
《a href=’diy.php?action=list&diyid=1’》自定义表单1《/a》》 发布信息
《/div》
《/div》
《div class="cmain"》
《div class="ctitle"》
《h1》自定义表单1发布《/h1》
《span》《/span》
《/div》
《div class="cbox mceneter"》
《div class="maplist"》
《br /》
《form action="/plus/diy.php" enctype="multipart/form-data" method="post"》
《input type="hidden" name="action" value="post" /》
《input type="hidden" name="diyid" value="1" /》
《input type="hidden" name="do" value="2" /》
《table style="width:97%;" cellpadding="0" cellspacing="1"》
《tr》
《td align="right" valign="top"》范例：《/td》
《td》《select name=’fl’ style=’width:150px’》《option value=’男’》男《/option》
《option value=’女’》女《/option》
《option value=’人妖’》人妖《/option》
《/select》
《/td》
《/tr》
《input type="hidden" name="dede_fields" value="fl,select" /》
《input type="hidden" name="dede_fieldshash" value="db5f139909450665fd4b641fff161416" /》《/table》
《div align=’center’ style=’height:30px;padding-top:10px;’》
《input type="submit" name="submit" value="提 交" class=’coolbg’ /》

《input type="reset" name="reset" value="重 置" class=’coolbg’ /》
《/div》
《/form》
《/div》
《/div》
《/div》
《/div》
《div class="copyright mceneter"》
***隐藏网址***
《/div》
《/body》
《/html》