js实现挑选下拉框菜单

本文实例讲述了射流研究…实现挑选下拉框菜单的详细代码。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下：

！DOCTYPE html

html标题标题/标题样式类型=' text/CSS ' # gridComboBox { background : # fff；border: 1px固体# 2d 78 F4；边界半径： 2px蚊子盒子阴影：插图0 0 4px # 06c-web kit-box-shadow :插图0 0 4px # 06cbox-shadow:插图0 0 4px # 06c }/style/head body input onclick=' DocLick(this，' DDD(aa/bb/cc/ereer/dfdfdfdfdfdfdfdf/ejejr jer//ereer////)eee ')/input onclick=' DocLick(this，' DDD(aa/bb/cc/ereer/dfdfdfdfdfdfdfdf/ejejr//erer/////eee)/pNeeded properties : sender。偏移发送方。sender.offsetHeight/p/body/htmlscript境外类型='text/javascript '函数delGridComboBox() { //删除弹出框var div容器=文档。getelementbyid(' GridComboBox ')；if(div容器){ div容器。父节点。移除子容器(div容器)；} }函数doClick(sender，str){//str=' DDD(aa/bb/cc/erer/dfdfdfdfdfdfdf/ejrjer//erer////)eee '只取()得内容/分割做为数据源delGridComboBox()；//console.log(发送方);//用于(发件人中的var I)//{//控制台。日志(I"| "发件人[I])；//} var re=/[^\)\(]*/g /取出()中的内容作为下拉数据源var fit=str。匹配(重新)；var fmt=fit[2]。split('/')；var div容器=文档。创建元素(' div ')；div容器。风格。宽度=发送方。客户端宽度2 ' pxdiv容器。风格。溢出='隐藏'；' divContainer.style.position='绝对；div容器。风格。top=发送方。偏移顶部发送器。偏移右侧“px”；div容器。风格。左=发送者。offsetleft ' pxdiv容器。风格。zindex=999div容器。id=' gridComboBoxfor(var I=0；长度；i ) { console.log('fmt[i]'，fmt[I])；var txt=文档。创建元素(' div ')；txt。inner html=fmt[I]；txt。title=txt。innerhtmltxt。风格。边距=3 ' pxtxt。addeventlistener('鼠标悬停'，函数更改BG(事件){事件。目标。风格。字体粗细='粗体'；事件。目标。风格。颜色='白色'；事件。目标。风格。背景颜色=' # 2d 78 F4 '；}，false)；txt.addEventListener('mouseout '，函数不变BG(事件){事件。目标。风格。字体粗细='正常'；事件。目标。风格。颜色='黑色'；事件。目标。风格。背景颜色='白色'；}，false)；txt。onclick=function(subAnder){ sender。value=SubAnDer。目标。内部文本；delGridComboBox()；};div容器。append child(txt)；};文件。尸体。appendchild(div容器)；};/script如果大家还想深入学习，可以点击jquery下拉框效果汇总、JavaScript下拉框效果汇总进行学习。

以上就是射流研究…实现挑选下拉框菜单的代码，希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。