怎么让下拉列表默认不现实下拉内容

Question

我做的是一个移动端的小网页吧类似，里面有一个身份选择，一个是学生，一个是上班族，然后我想要的效果是让那个下拉列表显示请选择您的身份，然后点下拉列表，出现选项后选择之后在显示

Answer 1

直接select不行吗？

<select>
    <option value="">请选择您的身份</option>
    <option value="学生">学生</option>
    <option value="上班族">请选择您的身份</option>
</select>

或者用jquery.select2

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<select id="selType">
    <option value="">请选择您的身份</option>
    <option value="学生">学生</option>
    <option value="上班族">上班族</option>
</select>

<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    $('#selType').select2({ placeholder:'请选择您的身份',width:200})
</script>