一、select下拉框 不能复制的问题
解决方法:user-select: all;
<label for="serviceType" style="display: inline-block;width: 65px;text-align: right;line-height: 35px">类别:</label>
<select class="form-control" id="serviceType" onkeydown="if(event.keyCode == 13){return false;}" style="user-select: all;width: 120px;margin-right: 5px"></select>
select2 下拉框,无法使用鼠标选择复制问题_weixin_43877417的博客-CSDN博客
二、select下拉框禁用回车打开事件,回车要用于查询
解决方法:οnkeydοwn="if(event.keyCode == 13){return false;}"
<label for="serviceType" style="display: inline-block;width: 65px;text-align: right;line-height: 35px">类别:</label>
<select class="form-control" id="serviceType" onkeydown="if(event.keyCode == 13){return false;}" style="user-select: all;width: 120px;margin-right: 5px"></select>
参考:禁止文本框回车提交事件_weixin_34026484的博客-CSDN博客
三、select实现placeholder效果
原为:
var options = '<option selected="selected" disabled="disabled" style="display: none" value=""></option>';
改为如下:
1、取消style="display: none"
2、将提示内容直接加在第一个option上即可
var options = '<option selected="selected" disabled="disabled" value="">- 学员状态</option>';
或者追加一行也行
options += '<option selected disabled value>- 学员状态</option>';
完整代码:
//Map映射 后面格式化显示时使用
var dictionMapGlobal = null;
//下拉框(学员状态)
$.ajax({
url: '/diction/findMappingByType',
type: 'post',
data: {type: '12'},
async: true,//true为异步,false为同步
success: function(data) {
dictionMapGlobal = data;
//默认为空(select实现placeholder效果)
var options = '<option selected="selected" disabled="disabled" value="">- 学员状态</option>';
for (var i=0; i<data.length; i++) {
options += '<option value=' + data[i].key + '>' + data[i].value + '</option>';
}
$("#studentStatus").html(options);
}
});
参考:select实现placeholder效果_杰~JIE的博客-CSDN博客_select标签placeholder