使用CSS和jQuery来模拟选择和附加代码,以便在提交后获得数据。
模拟选择并在提交后获得代码获取数据。HTML代码
复制代码代码如下所示:
请选择城市
北京
上海
武汉
广州
Javascript代码
复制代码代码如下所示:
$(函数(){())
$(#下拉p)。Click(function(){)
UL = $(var#下拉UL );
如果(ul.css(显示)= =无){
ul.slidedown(快速);
其他{ }
Ul.slideUp(快速);
}
});
$(#下拉UL Li)。Click(函数(){()
var($);
$(#下拉p)。Html(TXT);
VaR值= $(this)。Attr(关系);
$(#下拉UL)藏();
$(#结果),Html(你选择+文本+
});
});
货物积载与系固安全操作规则
复制代码代码如下所示:
#下拉{宽度:186px;保证金:100px汽车;位置:相对}
#下拉p {宽度:150px;身高:24px;线高度:24px;填充左:4px;填充右:30px;边框1px solid # a9c9e2;背景:# e8f5fe URL(# a9c9e2);
#下拉UL {宽度:184px;背景:# e8f5fe;边距:2px;边框1px solid # a9c9e2;位置:绝对的;显示:无}
#下拉ul {身高:24px;线高度:24px;文本缩进:10px }
#下拉UL Li {显示:块;高度:24px;颜色:# 807a62;文字装饰:无}
UL Li:#下拉悬停{背景:# c6dbfc;颜色:# 369 }
结果:# {边距10px;文本对齐:中心}