layui select 的 placeholder 本质是首个 value="" 的 option；常见不显示原因有动态清空DOM、渲染时机错误或 lay-ignore 干扰；可模拟placeholder或改用xm-select组件。
layui select 的 placeholder 本质是空 option
layui 表单模块不会识别 placeholder 属性，它只认 HTML 原生的 select 结构。所谓“默认提示语”，实际就是把第一个 option 设为空值，并带文字描述：
<select name="status"> <option value="">请选择状态</option> <option value="1">启用</option> <option value="2">禁用</option> </select>
这个空 value="" 的 option 会被 layui 渲染为下拉框初始显示内容。只要它在最前面、且 value 为空，就会生效。
为什么有时“请选择”不显示或被忽略
常见原因有三个：
- 表单已初始化过，但后续 JS 动态清空了
select内容（比如elem.innerHTML = ''），导致原始option被删掉 - 用了
form.render('select')但没等 DOM 就绪，或渲染目标不是当前select容器 - 设置了
lay-ignore或父级加了该 class，让 layui 跳过了这个select
检查浏览器 Elements 面板，确认那个 <option value="">...</option> 确实存在且位于首位。不存在就补上；存在但没显示，大概率是被 JS 覆盖或渲染逻辑干扰了。
想隐藏空选项但又保留提示效果？用定位模拟
当业务要求「初始无数据、不渲染任何 option」时，layui 原生 select 会显示空白（不是提示语）。这时不能靠删 option 解决，得用 CSS + DOM 模拟：
HTML 结构改成：
<div class="layui-input-block" style="position: relative;"> <div class="layui-select-placeholder">请选择账号</div> <select name="account" lay-filter="account"></select> </div>
CSS 关键点：
-
position: relative在父容器上必须加 -
.layui-select-placeholder要设pointer-events: none，否则会挡住点击 - 颜色建议用
color: #999，和 layui 默认 placeholder 一致 - 选中后需 JS 手动
hide()这个 div；清空时再show()
注意：这种写法绕过了 layui 的渲染逻辑，form.val() 读不到 placeholder 文字，只读真实 select 的 value —— 这正是你想要的，因为 placeholder 本就不该参与表单提交。
用 xm-select 替代原生 select 更省事
如果你项目里能引入第三方扩展，xm-select 是目前和 layui 兼容性最好、配置最直观的方案。它原生支持 tips 参数：
var demo = xmSelect.render({
el: '#demo',
tips: '请选择项目',
data: [
{name: '研发部', value: 1},
{name: '测试部', value: 2}
]
})
这个 tips 会在无选中项时稳定显示，且不影响数据绑定和验证。v2.5.6 的 layui 仍可正常使用 xm-select，无需升级主框架。唯一要注意的是：它依赖 preact，需确保加载顺序——先 layui.js，再 xm-select.js，别颠倒。
真要改 placeholder，核心就两条：要么老老实实用空 option，要么放弃原生渲染走模拟或换组件。别在 select 标签上硬加 placeholder 属性，它不起作用。
