自动化测试span类型下拉框怎么取值

答案:2 悬赏:10 手机版

解决时间 2021-01-31 18:17

提问者网友：人生佛魔见
2021-01-31 03:30

自动化测试span类型下拉框怎么取值

最佳答案

五星知识达人网友：怙棘
2021-01-31 04:07

下拉菜单的默认样式在不同类型的浏览器中显示的效果非常不同，单纯的用css来统一样式可能非常有局限性，使用Jquery+css优化起来不但简单，而且实用性也非常广，主要原理为设置select透明度为0，利用css样式把span美化成select的样式，利用jquery把select选择的option的值传给span。下面就是jquery优化下拉菜单效果的具体实现代码：Html



请选择





CSS

.btn-select { 

position: relative; 

display: block; 

height:30px;

line-height: 30px; 

border:1px solid #ccc;

color:#3D3F42;

} 

.btn-select .cur-select { 

position: absolute; 

display: block; 

width: 100%; 

height: 25px; 

line-height: 25px; 

background:url(/Themes/Employee/Content/images/ico.png) no-repeat 98% 45% transparent; 

text-indent: 10px; 

}

.searchInselectW .store-selector .btn-select:hover{

background:#fff;

color:#3D3F42;

}

.btn-select:hover, .cur-select:hover {

color:#3D3F42;

}

.btn-select select { 

position:absolute;

top:0;

left:0;

height:30px;

opacity:0;

filter:alpha(opacity=0);

} 

.btn-select select option { 

text-indent: 10px; 

} 

.btn-select select option:hover { 

color: #fff; 

}Jquery

$(function(){

$(document).on("change", function() {

$("select").each(function() {

var $selectText = $(this).children("option:selected").text();

$(this).parent().find("span").text($selectText);

});

}); 

}

全部回答

1楼网友：一袍清酒付
2021-01-31 05:46

搜一下：自动化测试span类型下拉框怎么取值

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息