select下拉框 不能复制的问题，select下拉框禁用回车打开事件，回车要用于查询 select实现placeholder效果

一、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>

参考：CSS user-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