`

在做会员资料修改时,实现下拉菜单的默认项定位

阅读更多
作者:lshdic   http://blog.csdn.net/lshdic/
<!--在写一个交友网站时碰到的问题,就是当会员修改资料时,如何定位SELECT的菜单列默认项,不过很容易就解决了-->
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2004'>
<meta name="DownLoad URL" content="http://www.lshdic.com/downlshdic.asp">
<TITLE>网页标题</TITLE>
<BODY>
<form>
体  形: <select name="tixing">
<option value="保留" selected>保留<option value="一般">一般<option value="瘦长">瘦长<option value="运动员型">运动员型<option value="比较胖">比较胖<option value="大块头">大块头</select><br>
民  族: <select name="minzu">
<option value="保留" selected>保留<option value="汉族">汉族<option value="藏族">藏族<option value="朝鲜族">朝鲜族<option value="蒙古族">蒙古族<option value="回族">回族<option value="满族">满族<option value="维吾尔族">维吾尔族<option value="壮族">壮族<option value="彝族">彝族<option value="苗族">苗族<option value="侗族">侗族<option value="瑶族">瑶族<option value="白族">白族<option value="布依族">布依族<option value="傣族">傣族<option value="京族">京族<option value="黎族">黎族<option value="羌族">羌族<option value="怒族">怒族<option value="佤族">佤族<option value="水族">水族<option value="畲族">畲族<option value="土族">土族<option value="阿昌族">阿昌族<option value="哈尼族">哈尼族<option value="高山族">高山族<option value="景颇族">景颇族<option value="珞巴族">珞巴族<option value="锡伯族">锡伯族<option value="崩龙族">崩龙族<option value="保安族">保安族<option value="基诺族">基诺族<option value="门巴族">门巴族<option value="毛难族">毛难族<option value="赫哲族">赫哲族<option value="裕固族">裕固族<option value="撒拉族">撒拉族<option value="独龙族">独龙族<option value="普米族">普米族<option value="仫佬族">仫佬族<option value="仡佬族">仡佬族<option value="东乡族">东乡族<option value="拉祜族">拉祜族<option value="土家族">土家族<option value="纳西族">纳西族<option value="傈僳族">傈僳族<option value="布朗族">布朗族<option value="哈萨克族">哈萨克族<option value="达斡尔族">达斡尔族<option value="鄂伦春族">鄂伦春族<option value="鄂温克族">鄂温克族<option value="俄罗斯族">俄罗斯族<option value="塔塔尔族">塔塔尔族<option value="塔吉克族">塔吉克族<option value="柯尔克孜族">柯尔克孜族<option value="乌兹别克族">乌兹别克族<option value="国外">国外</select><br>
信  仰: <select name="xinyang">
<option value="保留" selected>保留<option value="不可知论者">不可知论者<option value="不信教">不信教<option value="儒家门徒">儒家门徒<option value="无神论者">无神论者<option value="佛教徒/道教徒">佛教徒/道教徒<option value="天主教徒">天主教徒<option value="印度教徒">印度教徒<option value="伊斯兰教徒">伊斯兰教徒<option value="犹太教徒">犹太教徒<option value="新教徒">新教徒<option value="基督教徒">基督教徒</select><br>
吸  烟: <select name="xiyan">
<option value="保留" selected>保留<option value="不吸烟">不吸烟<option value="稍微抽一点儿">稍微抽一点儿<option value="抽得很凶">抽得很凶<option value="抽雪茄/烟斗">抽雪茄/烟斗</select><br>
饮  酒: <select name="yinjiu">
<option value="保留" selected>保留<option value="不喝酒">不喝酒<option value="稍微喝一点/社交场合喝">稍微喝一点/社交场合喝<option value="喝得很凶">喝得很凶</select>
<p align=center><input type="submit" value="提交基本资料" name="ok" style='width:100'>
<input type="reset" value="重置内容" name="cases" onclick="if(!confirm('您确实要重值所有表单填写的数据吗?'))return false" style='width:100'>
</form>
<%
set link1=server.CreateObject("ADODB.Connection")   '以下就是数据库连接了,当然可以用ACCESS
link1.Open "Provider=Sqloledb;User ID=用户名;Password=;Initial Catalog=数据库名;Data Source=SQLServer服务器名"
set rs=server.CreateObject("adodb.Recordset")
rs.Open "select * from 会员表 where 昵称='" & session("who") & "'",link1,1,2
%>
<script>
//用以下程序循环穷尽下拉菜单所有列,找到合适的就自动将其设置为默认列,程序关键还是JAVASCRIPT+DHTML脚本
var fm=document.forms(0)
for (i=0;i<fm.tixing.options.length;i++){
if(fm.tixing.options[i].text=="<%=rs("体形")%>"){fm.tixing.options[i].selected=true;break;}
}
for (i=0;i<fm.minzu.options.length;i++){
if(fm.minzu.options[i].text=="<%=rs("民族")%>"){fm.minzu.options[i].selected=true;break;}
}
for (i=0;i<fm.xinyang.options.length;i++){
if(fm.xinyang.options[i].text=="<%=rs("信仰")%>"){fm.xinyang.options[i].selected=true;break;}
}
for (i=0;i<fm.xiyan.options.length;i++){
if(fm.xiyan.options[i].text=="<%=rs("吸烟")%>"){fm.xiyan.options[i].selected=true;break;}
}
for (i=0;i<fm.yinjiu.options.length;i++){
if(fm.yinjiu.options[i].text=="<%=rs("饮酒")%>"){fm.yinjiu.options[i].selected=true;break;}
}
</script>
分享到:
评论

相关推荐

    CSS实现下拉菜单代码

    在网页设计中,下拉菜单是一种常见的交互元素,它能够有效地组织和展示大量的导航选项,同时节省页面空间。本文将详细解析如何使用CSS(层叠样式表)来实现一个功能完善的下拉菜单。 首先,我们需要了解下拉菜单的...

    CSS+JavaScript分别实现下拉菜单效果

    2. DOM操作:JavaScript可以访问和修改DOM(文档对象模型),用于动态地创建、删除或更新页面元素,实现下拉菜单的动态显示和隐藏。 3. 动画效果:JavaScript库如jQuery提供了方便的动画方法,可以实现更丰富的过渡...

    通用无限极下拉菜单的实现代码

    此外,为了实现下拉菜单的展开与收起,通常会借助JavaScript(如jQuery)来处理事件监听和动态修改`display`属性。例如,当鼠标悬停在菜单项上时,显示对应的子菜单: ```javascript $('.Menue_li').hover(function...

    web下拉菜单 19jsmenu_code

    在Web开发中,下拉菜单是一种常见的交互元素,它用于提供多级导航,帮助用户在复杂的网站结构中轻松浏览和访问不同的页面。本资源“web下拉菜单 19jsmenu_code”似乎是一个包含JavaScript代码的压缩包,专门用于创建...

    纯CSS下拉菜单,宽度自适应

    默认情况下,下拉菜单的`display`值可以设置为`none`,使其在页面加载时不可见。当用户悬停在主菜单项上时,通过改变`display`值,可以显示下拉菜单。 2. **定位**:`position`属性用于调整元素在页面上的位置。...

    下拉菜单实现

    例如,设置`.sub-menu`的初始`display`为`none`,然后在`.dropdown-menu &gt; li:hover &gt; .sub-menu`选择器中将其更改为`block`,使得当鼠标悬停在父级菜单项上时,子菜单出现。 ```css .dropdown-menu { position:...

    面包屑多级下拉菜单

    在CSS(层叠样式表)的帮助下,我们可以实现美观且功能强大的面包屑导航,尤其当涉及到多级下拉菜单时,这种设计能为复杂的网站结构提供清晰的路径指引。 在创建面包屑多级下拉菜单时,首先要考虑的是基本布局。...

    利用css+div设计的下拉菜单

    在网页设计中,下拉菜单是一种常见的交互元素,它能够有效地组织和展示大量的导航链接,为用户提供更加便捷的浏览体验。本资源主要介绍如何利用CSS(层叠样式表)和HTML中的div元素来构建一个美观且功能完善的下拉...

    CSS控制背景变换下拉菜单

    在网页设计中,下拉菜单是一种常见的交互元素,它能够有效地组织和展示导航链接,尤其在网站层次结构较深时更为实用。本教程将详细探讨如何利用CSS(Cascading Style Sheets)来创建一个背景可变换的纵向展开层菜单...

    一个纯css实现的下拉菜单

    在网页设计中,下拉菜单是一种常见的交互元素,它能够有效地组织和展示大量的导航选项,尤其是在网站层次结构较深时。本示例是利用纯CSS技术实现的一个下拉菜单,无需依赖JavaScript或者其他复杂的编程语言,这使得...

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者选项选择,但当这些菜单位于一个`iframe`元素内部时,可能会遇到被`iframe`遮挡的问题。这个问题主要涉及到浏览器的层叠上下文(CSS Z-Index)和`iframe`的渲染机制。...

    多级CSS3下拉菜单导航.zip

    默认情况下,下拉菜单的`display`设置为`none`,当鼠标悬停在父菜单项上时,将其更改为`block`或`flex`。 ```css .nav li { position: relative; } .nav li:hover &gt; ul { display: block; /* 当鼠标悬停时显示...

    DIV+CSS下拉菜单

    默认情况下,下拉菜单的`display`设为`none`,当鼠标悬停在父级菜单项上时,将其更改为`block`或`inline-block`。 三、下拉菜单的常见设计风格 1. 水平菜单:菜单项水平排列,下拉菜单在其下方展开。 2. 垂直菜单:...

    jQuery横向下拉导航菜单.zip

    然后使用jQuery选择器定位到相应的元素,并在事件触发时更改`display`属性,使得下拉菜单可见。 此外,为了实现横向或纵向显示,开发者可能利用CSS的`position`属性(如`relative`、`absolute`或`fixed`)和`top`、...

    纯css实现水平下拉导航菜单.zip

    默认情况下,下拉菜单的`display`设置为`none`,当鼠标悬停在父菜单项上时,将其更改为`block`。 3. **过渡效果**:添加`transition`属性,为菜单项的打开和关闭提供平滑的动画效果。 4. **定位**:利用`position`...

    GridView和下拉菜单DropDownList结合

    - **异步更新**:为了提高用户体验,可以考虑使用AJAX技术实现实时数据刷新,即当用户更改下拉菜单的选择时,只更新相关的数据行,而不是整个页面。 - **性能优化**:对于大数据量的场景,应考虑分页显示和懒加载...

    EXTJS2.2.1中Grid表头的下拉菜单很难看

    某些下拉菜单的显示问题可能只在特定浏览器版本中出现,这需要开发者针对不同浏览器做适配工作。 4. **JavaScript 错误或冲突**:如果页面上的其他JavaScript代码与EXTJS的实现有冲突,也可能导致表头下拉菜单的...

    5款漂亮的CSS横向下拉菜单导航条

    通过将子菜单的`display`设置为`none`,默认状态下将其隐藏,当鼠标悬停在父菜单上时,将`display`更改为`block`,从而展示下拉菜单。同时,可以使用`position`属性(如`relative`和`absolute`)来调整菜单的位置,...

    CSS带背景装饰的下拉菜单,支持三级分类

    为了让下拉菜单在鼠标悬停时显示,我们可以给一级菜单项添加`hover`状态的样式: ```css .menu ul.submenu { display: none; /* 默认隐藏子级菜单 */ position: absolute; /* 使其相对于父级定位 */ top: 100%; ...

    bootstrap2 多级下拉菜单

    在Bootstrap 2中,多级下拉菜单是实现复杂导航结构的关键元素,尤其在创建具有多层次菜单的网站时非常实用。本篇文章将深入探讨如何在Bootstrap 2中创建和自定义多级下拉菜单。 首先,Bootstrap的下拉菜单依赖于...

Global site tag (gtag.js) - Google Analytics