select下拉框 禁止选择 并置灰
例如:这里有一个关于容器日志下载的起始时间的下拉框css样式:.btn_disable{background-color: #C0C0C0;}灰色<div class="searchCon "><span>起始时间</span><div class="timeCon"><input type="text" id="ti...
·
例如:这里有一个关于容器日志下载的起始时间的下拉框
css样式:.btn_disable{background-color: #C0C0C0;}灰色
<div class="searchCon ">
<span>起始时间</span>
<div class="timeCon">
<input type="text" id="time" value="" readonly class="timeText"/>
<span class="timeIcon" id="timeBtn1" style="height:26px;"></span>
</div>
</div>
如果用户填写了条目,那么时间就禁止下拉,同时置灰
var reg=/^[1-9]\d*$/;
if($('#number').val()!=""){
if(!reg.test($('#number').val())) {
layer.msg("输入条目有误,请重新输入", {icon: 2, time: 2000});
$("#number").val("");
return ;
}
}else {
$("#timeBtn1").click(function(){
if($('#number').val()!=""){
$(this).attr({"disabled":"disabled"});
$('#time').addClass("btn_disable");
}else{
$('#time').removeClass("btn_disable");
$('#time').jeDate({
insTrigger:false,
isTime:true,
format:'YYYY-MM-DD hh:mm:ss'
})
}
})
}
效果就是:填写条目后,下拉点击不生效,同时时间框置灰
更多推荐
已为社区贡献1条内容
所有评论(0)