使用半铸钢ˌ钢性铸铁(铸造半钢)和jQuery模拟挑选并附提交后取得数据的代码

模拟挑选并带有提交后取得数据的代码

超文本标记语言代码复制代码代码如下： div id='dropdown' p请选择城市/p ul lia href='#' rel='2 '北京/a/li lia href='#' rel='3 '上海/a/li lia href='#' rel='4 '武汉/a/li lia href='#' rel='5 '广州/a/Li/ul/div div id=' result '/div JavaScript代码复制代码代码如下：脚本类型=' text/JavaScript ' $(function(){ $(' #下拉p ')).单击(function(){ var ul=$(' #下拉ul ')；if(ul。CSS(' display ')==' none '){ ul。向下滑动(“快速”)；} else { ul。向上滑动('快速')；} });$(' #下拉保险商实验所阿利')。单击(function(){ var txt=$(this)).text()；$('#dropdown p ').html(txt)；定义变量值=$(这个).attr(' rel ')；$(' #下拉列表').hide()；$(“# result”).html(")您选择了' txt '，值为：' '值);});});/脚本半铸钢钢性铸铁(Cast Semi-Steel)代码复制代码代码如下： #下拉{ width :186 pxmargin:100px自动定位：相对} #下拉p { width :150 px高度：24px线高：24 px填充-左侧：4 px填充-右侧：30 pxborder:1px固体# a9c 9 e2background : # e8f 5fe URL(箭头。gif)不重复右4px颜色： # 807 a 62光标：指针} #下拉ul { width :184 px背景# e8f 5 femargin-top :2 px；border:1px固体# a9c9e2位置：绝对；display:none } #下拉列表ul li { height:24px线高：24 px文本-缩进：10 px } #下载ul阿利{ display : block height :24 pxcolor : # 807 a 62；text-decoration : none } #下载ul阿利：悬停{背景： # c6dbfccolor : # 369 } # result { margin-top :10 px；文本-对齐：中心}